Jquery 谷歌浏览器：css（“文本装饰”）返回“额外”值

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

Firefox或IE不会出现这种情况：

---

有人知道原因吗？

WebKit/Blink实现了文本装饰属性的附加功能，允许您定义这些附加值

---

是关于它们支持什么的更多信息。

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

---

请参阅当前版本的Chrome 31支持候选推荐中定义的扩展文本装饰属性。根据它，这个属性现在是文本装饰线条、文本装饰样式和文本装饰颜色的缩写。您看到的是这些属性的值。如果您在Chrome中使用开发工具F12，并检查一个元素，选择包含CSS属性计算值的“Computed”选项卡，您也可以看到它们

在您的例子中，颜色为rgb105、105、105的原因是，这是元素的color CSS属性的文本值的颜色，这是文本装饰颜色属性的默认值。而立体是文字装饰风格的初始值

Firefox目前在版本25中不支持该定义，但它实现了相同的功能，只是有一个前缀名。例如，通过添加-moz文本装饰颜色：红色，可以看到这一点

---

IE在其最新版本11中甚至不支持这些功能，但坚持CSS 2.1对文本装饰的定义。

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