Question

我的网站使用border = activeborder 1px solid在许多对象上有边框，并且在上周所有浏览器上工作正常。现在它已停止在Chrome上工作（适用于所有其他浏览器）。我没有更改样式表中的任何内容并且已经多次检查但是由于某种原因它仍然无效。这是代码示例。如果我将activeborder更改为灰色1px实体，则可以正常工作。为什么这样？某种谷歌更新？

<html>
<head></head>
<body>
<form id="form1">
<div>
    <table style="width: 90px; margin-top: 27px;" cellspacing="0" cellpadding="0">
        <tr>
            <td style="height: 30px;">
                Latest News
            </td>
        </tr>
        <tr>
            <td style="border: activeborder 1px solid; padding: 10px" align="left">
                <a style="color: #666666;" href="" target="_blank">one</a>
                <br />
                <a style="color: #666666;" href="" target="_blank">two</a>
                <br />                    
                <a style="color: #666666;" href="" target="_blank">three</a>
                <br />                    
                <a style="color: #666666;" href="" target="_blank">four</a>
                <br />                    
            </td>
        </tr>
    </table>
</div>
</form>
</body>
</html>

Answer 1

activeborder不是标准的css颜色名称。使用标准名称，例如灰色，或＃666或rgb（50,50,50）应该有效。

它们被包含为CSS2系统颜色，但现在已被弃用（显然现在不起作用）。我的测试表明：

background-color: ActiveBorder;

...在IE11和FireFox26中有效，但在Chrome32中无效。尝试查看它是否在Quirks模式下工作。

如果你想使用css3标准颜色，

查找和替换是你的朋友;）

而且......咳咳......你应该在样式表中定义你的CSS，而不是内联粗略的想法：

table.grid {width: 90px; margin-top: 27px;}
.grid td {border: 1px solid #999; padding: 5px 10px; text-align: left;}
.grid a {color: #666}

但我确定你知道这一点，而且只是为内容做了示例;）

Active Border Property突然停止使用chrome

1 个答案: