谷歌浏览器：css('text-decoration') 返回“额外”值答案

【问题标题】：Google Chrome: css('text-decoration') returns "extra" values谷歌浏览器：css('text-decoration') 返回“额外”值
【发布时间】：2013-12-10 17:57:13
【问题描述】：

在我的网站开发过程中，我注意到 Chrome 显示了一个奇怪的行为：当我执行 css('text-decoration') 查询时，返回的值还包含一些附加值，如下所示：

Firefox 或 IE 不会发生这种情况：

有人知道原因吗？

【问题讨论】：

浏览器以自己的方式解释 css，或者 chrome 的另一种可能的检查器工具与 firefox 和 IE 不同，可能是它们没有显示此信息

标签： jquery css google-chrome

【解决方案1】：

当前版本的 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 定义。

【讨论】：

【解决方案2】：

WebKit/Blink 实现了text-decoration 属性的附加功能，允许您定义这些附加值。

Here 是有关他们支持的更多信息。

【讨论】：

【解决方案3】：

似乎该属性有一些可选值。见that

【讨论】：