HTML表格边框颜色在不同浏览器中差别巨大。

Question

我有一个非常烦人的问题，就是我的表格在不同的浏览器中显示完全不同，它们设置为：

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

所以左边的那个（Chrome）在#eeeeee时是正确的，但是FF和IE似乎随心所欲地制定规则！ 我的CSS中没有任何与表格边框相关的内容（我甚至尝试了取消链接我的CSS文件，问题仍然存在） 有什么想法吗？

- Digital Lightcraft

---

附注：如果您在更改 CSS 等时没有进行硬刷新网页，则您所做的更改可能不会始终反映出来，比如浏览器缓存文件。CTRL + F5 强制浏览器重新下载所有关联文件。 - Ren

请注意，bordercolor至少在HTML4中已被删除并移至CSS。而且现在你可以将所有这些属性移至CSS。 - Henrik Ammer

Answer 1

@Darkat Studios

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

你应该移除 border="1"

- Kootsj

---

@DarkcatStudios 我已经给你相同的答案了。疯子！ - Praveen Kumar Purushothaman

Answer 2

尝试使用这个CSS。

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

并将您的HTML更改为简单说明

<table>

- Henrik Ammer

Answer 3

在CSS中实现如下：

table {border: 2px solid #eeeeee;}

或者至少：

table {border-style: solid;}

现在在所有浏览器中进行检查。

- Praveen Kumar Purushothaman

---

谢谢，但奇怪的是，即使这样也没有帮助（尽管它确实将页面上的另一个表格涂成了正确的颜色！！） - Digital Lightcraft

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

现在在Chrome中情况变得更糟了！它看起来像在FF中一样。 - Digital Lightcraft

Answer 4

是的，非标准属性bordercolor在不同浏览器中的实现方式是不同的。甚至还取决于浏览器模式（标准模式与怪异模式）。

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

- Jukka K. Korpela

---

这很有道理 - 我不知道bordercolor被弃用的原因有两个方面：1：我很少（甚至从来没有）阅读过W3C的文档，2：在过去的15年里，我放置在网站中的99.9％的表格都是隐藏的！ - Digital Lightcraft

Answer 5

尝试移除'#' bordercolor="eeeeee"。

- M.Bz