無法覆蓋用戶代理樣式表着色我的鏈接

Question

總是這些簡單的問題困擾着我。

我有一個非常簡單的頁面正在構建，我希望超鏈接不會被特別着色（最初不是藍色，訪問時不是紫色）或帶下划線。

我之前在其他網站上做過這個，沒有問題只是簡單地使用

a, a:visited, a:hover, a:active {
    text-decoration: none;
    color: none;
}

但是，在這個特定的網站中，這不是顏色的技巧，而下划線被成功刪除。 我甚至嘗試添加可怕的!important標簽，沒有任何效果。

此問題已在Chrome，IE 11和Android（WebView）上看到。

當我使用Chrome的開發者控制台檢查鏈接時，它會從user agent stylesheet提取其color屬性，具體來說：

a:-webkit-any-link {
    color: -webkit-link;
}

所以我嘗試在我的樣式表中明確地覆蓋它，方法是在我的標簽列表中添加a:-webkit-any-link ，將color: none屬性再次應用於無效。 我還添加a:any-link和a:link各種組合的a:link ，但無濟於事。

關於我忽視的明顯解決方案的想法？

Answer 1

正如評論所說color:none; 是無效的CSS。

這應該工作：

a, a:visited, a:hover, a:active {
    text-decoration: none;
    color: inherit;
}