在开发网站期间,我发现Chrome显示了一个奇怪的行为:当我执行css('text-decoration')查询时,返回的值还包含一些附加信息,例如:


使用Firefox或IE不会发生这种情况:



有人知道原因吗?

最佳答案

Chrome的当前版本(31)支持候选推荐CSS Text Decoration Module Level 3中定义的扩展的text-decoration属性。据此,该属性现在是text-decoration-linetext-decoration-styletext-decoration-color的简写。您将看到这些属性的值。如果您在Chrome中使用开发人员工具(F12),然后检查一个元素,则选择“计算”标签(其中包含CSS属性的计算值),您也可以看到它们。

在您的情况下,颜色为rgb(105, 105, 105)的原因是这是文本的颜色(元素的color CSS属性的值),而这正是text-decoration-color属性的默认值。而solidtext-decoration-style的初始值。

Firefox当前(在版本25中)不支持该定义,但已实现相同的功能,只是带有前缀名称。您可以看到此例如通过添加-moz-text-decoration-color: red

IE甚至没有以其最新版本(11)支持这些功能,而是坚持text-decoration的CSS 2.1定义。

10-06 00:49