浏览器之间的 HTML 表格边框颜色差异很大答案

【问题标题】：HTML Table BorderColor differs dramatically between browsers浏览器之间的 HTML 表格边框颜色差异很大
【发布时间】：2017-11-18 16:48:20
【问题描述】：

我有一个烦人的问题，我的表格在浏览器之间看起来完全不同，它们设置为：

<table width="100%" border="1" cellpadding="4"  cellspacing="0" bordercolor="#eeeeee">

所以左边的（Chrome）在#eeeeee 是正确的，但 FF 和 IE 似乎只是在进行过程中弥补！！我的 CSS 中没有任何事件模糊地接近指定表格边框（我什至尝试取消链接我的 CSS 文件，但问题仍然存在）

有什么想法吗？

【问题讨论】：

旁注：如果您还没有，请在对 CSS 等进行更改时对网页进行硬刷新，因为您所做的更改可能不会总是得到反映，例如如果文件被浏览器缓存。 CTRL + F5 强制浏览器重新下载所有相关文件。
请注意，bordercolor 至少在 HTML4 中被删除并移至 CSS。如今，您可以将所有这些属性移至 CSS。

标签： html css html-table cross-browser

【解决方案1】：

@Darkat 工作室

<table width="100%" border="1" cellpadding="4" cellspacing="0" style="border: 2px solid #eeeeee;"> - 现在确实有一个浅灰色边框，但是单元格仍然是黑色的轮廓......非常奇怪！ ——

你应该删除边框="1"

【讨论】：

@DarkcatStudios 我给了你同样的答案。疯狂的人！

【解决方案2】：

试试这个 CSS

table{
    border-collapse: collapse;
    border: 1px solid #eee;
    width: 100%;
}
table th,
table td
{
    padding: 4px;
}

并将您的 HTML 更改为简单的状态

<table>

【讨论】：

【解决方案3】：

在 CSS 中给出：

table {border: 2px solid #eeeeee;}

或者至少：

table {border-style: solid;}

现在检查所有浏览器。

【讨论】：

谢谢，但奇怪的是，这并没有帮助（尽管它确实为页面上的另一个表格着色了正确的颜色！！）
- 现在确实有光灰色边框，但是单元格仍然是黑色轮廓.. 很奇怪！

现在在 chrome 中实际上更糟了！现在看起来就像在 FF 中一样

【解决方案4】：

是的，非标准属性bordercolor 的实现因浏览器而异。它甚至取决于浏览器模式（标准与怪癖模式）。

您可以通过在 CSS 中设置table 元素和其单元格上的所有边框属性来使情况更加一致。或者您可以仅在 CSS 中设置表格及其单元格的样式。

【讨论】：

这是有道理的，是的-我不知道不推荐使用边框颜色的原因有 2 倍：1：我不经常阅读 w3c（永远！）和 2：我放了 99.9% 的表格无论如何，在过去 15 年中进入网站一直是隐形的！

【解决方案5】：

尝试删除 '#' 边框颜色="eeeeee"

【讨论】：