是否可以告訴鏈接不要更改CSS中的顏色並使用默認顏色。CSS a:鏈接保留原始顏色
示例
我有一個紅色的文本,文本也是一個鏈接。通常情況下,文本會變成藍色,因爲它是一個鏈接,但我希望它保持紅色。
那麼是否有一個全球風格的一個:鏈接根本不選擇顏色?
是否可以告訴鏈接不要更改CSS中的顏色並使用默認顏色。CSS a:鏈接保留原始顏色
示例
我有一個紅色的文本,文本也是一個鏈接。通常情況下,文本會變成藍色,因爲它是一個鏈接,但我希望它保持紅色。
那麼是否有一個全球風格的一個:鏈接根本不選擇顏色?
在樣式表試試這個:
a:link {
color:inherit;
}
請注意,您那麼很可能應該確保你有一些其他的方法來識別鏈接,或您的用戶會感到困惑。 (也就是說不要刪除下劃線。)
如果你想要處理不支持inherit
的瀏覽器,我想重複原來設置你的顏色的定義。
舉個例子,假設類important
應顯示爲紅色:
.important {
color:red;
}
.important a:link {
color:red;
}
但是,當然,它不是好的,有加倍的所有顏色指示。我假設你可以在JavaScript中做一些事情(循環遍歷所有的a
元素並明確給他們正確的類)。 (我有沒有可用的IE來進行測試。)
謝謝,但Andrew有一點。 IE7並沒有給出一個該死的事。對此有任何破解? – Warface
對於IE7,你總是可以用''''''繼承''''標籤來設置'a'標籤,然後用'* color:;'添加另一行,並用'p'標籤的任何顏色填充該值。 –
如果此答案在IE9中不適用於您,請不要忘記將doctype添加到文檔中:<!doctype html> –
如果所有a
標籤包含一個段落標記中你可以設置a
標籤的color
至inherit
。您也可以爲所有a
標籤設置樣式,以使其具有任何顏色。有關inherit
的快速警告,有IE的舊版本不支持它(IE7和更早版本)。
呃...定位標記總是鏈接...所以你只需設置'a {color:red; }'在你的css –
@Joseph:不,錨標籤也可以用作鏈接目標:''。 (當然,現在人們可以簡單地在另一個可用的元素上使用'id'屬性,但是一些老的瀏覽器不理解這些屬性。) –