我的网站在许多对象上使用border = activeborder 1px solid进行了边界处理,直到上周在所有浏览器上都可以正常工作。现在,它已停止在Chrome上运行(在所有其他浏览器上都可以运行)。我没有更改样式表中的任何内容,并进行了很多次检查,但是由于某种原因,它仍然无法正常工作。这是代码示例。如果我将activeborder更改为灰色1px固体,则可以使用。为什么这样 ?某种Google更新?

<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>

最佳答案

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}


但我敢肯定,您知道这一点,并且只在示例中内联;)

关于html - Active Border属性突然停止在Chrome中运行,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21335670/

10-11 20:28