Google Chrome：css（'text-decoration'）返回「額外」值

在我的網站開發過程中，我注意到Chrome顯示的奇怪行爲：當我執行css（'text-decoration'）查詢時，返回值也包含一些額外的，就像這樣： enter image description here Google Chrome：css（'text-decoration'）返回「額外」值

這並不與Firefox或IE發生：

enter image description here

有誰知道原因是什麼？

來源

2013-12-10 vCube

瀏覽器以自己的方式解釋css，或另一種可能性chrome瀏覽器工具與firefox和IE不同，可能是它們不顯示此信息 – muneebShabbir

當前版本瀏覽器（31）的支持擴展text-decoration屬性作爲候選推薦CSS Text Decoration Module Level 3定義。據說，這個屬性現在是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定義。

來源

2013-12-10 09:57:13

WebKit/Blink實現text-decoration屬性的附加功能，允許您定義這些附加值。

Here是關於他們支持什麼的一些更多信息。

來源

2013-12-10 08:23:12 randak

似乎該屬性有一些可選值。看到that

來源

2013-12-10 08:24:08 arnaudbey

Google Chrome：css（'text-decoration'）返回「額外」值

回答

相關問題