2016-05-31 33 views
1

在我的應用程序之一,我注意到Chrome的通過此規則自動設置鏈接的顏色作爲顏色「-webkit-鏈接」:-webkit-link是與顏色相關的任何html元素或css屬性的有效顏色?

/* Not set by my CSS stylesheet */ 

a:-webkit-any-link { 
    color: -webkit-link; 
    text-decoration: underline; 
    cursor: auto; 
} 

這是我記得有一個默認的鏈接顏色爲-webkit容易得多鏈接比十六進制代碼。

我試着設置包裹在p標記和div標記中的文本的顏色,這似乎在Codepen上正常工作。

div, p { color: -webkit-link; } 

是「-webkit-色」爲只要顏色是相關的有效顏色? (我可以測試每種可能的顏色有效的情況,但我沒有時間)。例如,該規則是否會給出「鏈接藍色」邊框顏色?

div { border: 2px solid -webkit-link; } 

或此規則設置了「鏈接藍色」的線性漸變?

div { background-image: linear-gradient(135deg, red 60%, -webkit-link 60%); } 

或此規則是否設置了帶有「鏈接藍色」顏色的箱形陰影?

div { box-shadow: inset 2px 2px 2px 4px -webkit-link; } 

和無盡的其他使用顏色?

+1

應該是顯而易見的,但請記住,它將永遠不適用於Firefox,IE或其他非Webkit瀏覽器。 –

+0

你有時間寫這個問題,但不是爲了測試它們嗎? – BoltClock

+0

點是有幾十種方法來實現顏色。是否有任何地方-webkit-link被指定爲任何使用的有效顏色? –

回答

1

不,-webkit-link不是有效的顏色。

儘管它可以在任何可以使用顏色的地方使用,但它不符合任何標準,Apple和任何Blink引擎的維護者都沒有義務保持它的正常工作。沒有保證。

此外,它不適用於其他瀏覽器。對於Firefox,有-moz-hyperlinkText,但相同的免責聲明適用。

(MDN具有a page在Mozilla的顏色描述,但似乎並沒有成爲Webkit的一個類似的官方頁面。那一定是一個警告。)