Question

我有一个表下面的css，它不能正常工作在chrome和firefox中。而是显示较暗的边框颜色。我该如何解决这个问题？任何帮助，将不胜感激。提前致谢

以下是完整的CSS：

TABLE {
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px; 
    BORDER-TOP: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;  
    BORDER-LEFT: 0px; 
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px
}

<table width="760" border="0" align="center" cellspacing="2"cellpadding="2" bordercolor="#CCCCCC" style="margin:0 auto;">
<tr>
<td width="100%" align="center" colspan="2" style="margin: 0px auto;">
//...code...//
</td>
</tr>
</table>

为表添加了代码和css。在td下面找到css。

TD {
    font-family: tahoma,sans-serif;
    font-size: 80.5%;
    vertical-align: top;
}

在IE8中，所有边框都使用默认颜色，其中ff和chrome边框颜色为黑色。请帮忙！

Answer 1

你有很多混乱的样式，内联样式和不推荐的表示属性（来自HTML 4.01）拥挤你的标记（很可能给浏览器一些冲突的，令人困惑的指令）。

首先，我们应该通过以下方式整理所有内容：

1）从标记中删除所有内联样式和表示属性（colspan除外）并将其放入CSS中;

2）整理CSS本身。

这给了我们：

<强> CSS：

table {
width: 760px;
margin: 0 auto;
padding: 0;
border: 1px solid #ccc;
}

td {
width: 100%;
margin: 2px auto;
padding: 2px;
font-family: tahoma, sans-serif;
font-size: 80.5%;
vertical-align: top;
}

<强> HTML：

<table>
<tr>
<td colspan="2">
//...code...//
</td>
</tr>
</table>

现在table border-color应在每个浏览器中显示为#ccc。

css border-color：-moz-use-text-color在chrome中不起作用

1 个答案: