在开发网站期间,我发现Chrome显示了一个奇怪的行为:当我执行css('text-decoration')查询时,返回的值还包含一些附加信息,例如:
使用Firefox或IE不会发生这种情况:
有人知道原因吗?
最佳答案
Chrome的当前版本(31)支持候选推荐CSS Text Decoration Module Level 3中定义的扩展的text-decoration
属性。据此,该属性现在是text-decoration-line
,text-decoration-style
和text-decoration-color
的简写。您将看到这些属性的值。如果您在Chrome中使用开发人员工具(F12),然后检查一个元素,则选择“计算”标签(其中包含CSS属性的计算值),您也可以看到它们。
在您的情况下,颜色为rgb(105, 105, 105)
的原因是这是文本的颜色(元素的color
CSS属性的值),而这正是text-decoration-color
属性的默认值。而solid
是text-decoration-style
的初始值。
Firefox当前(在版本25中)不支持该定义,但已实现相同的功能,只是带有前缀名称。您可以看到此例如通过添加-moz-text-decoration-color: red
。
IE甚至没有以其最新版本(11)支持这些功能,而是坚持text-decoration
的CSS 2.1定义。