2011-07-27 139 views
16

是否可以告訴鏈接不要更改CSS中的顏色並使用默認顏色。CSS a:鏈接保留原始顏色

示例

我有一個紅色的文本,文本也是一個鏈接。通常情況下,文本會變成藍色,因爲它是一個鏈接,但我希望它保持紅色。

那麼是否有一個全球風格的一個:鏈接根本不選擇顏色?

+0

呃...定位標記總是鏈接...所以你只需設置'a {color:red; }'在你的css –

+1

@Joseph:不,錨標籤也可以用作鏈接目標:''。 (當然,現在人們可以簡單地在另一個可用的元素上使用'id'屬性,但是一些老的瀏覽器不理解這些屬性。) –

回答

47

在樣式表試試這個:

a:link { 
    color:inherit; 
} 

請注意,您那麼很可能應該確保你有一些其他的方法來識別鏈接,或您的用戶會感到困惑。 (也就是說不要刪除下劃線。)

如果你想要處理不支持inherit的瀏覽器,我想重複原來設置你的顏色的定義。

舉個例子,假設類important應顯示爲紅色:

.important { 
    color:red; 
} 

.important a:link { 
    color:red; 
} 

但是,當然,它不是好的,有加倍的所有顏色指示。我假設你可以在JavaScript中做一些事情(循環遍歷所有的a元素並明確給他們正確的類)。 (我有沒有可用的IE來進行測試。)

+0

謝謝,但Andrew有一點。 IE7並沒有給出一個該死的事。對此有任何破解? – Warface

+0

對於IE7,你總是可以用''''''繼承''''標籤來設置'a'標籤,然後用'* color:;'添加另一行,並用'p'標籤的任何顏色填充該值。 –

+0

如果此答案在IE9中不適用於您,請不要忘記將doctype添加到文檔中:<!doctype html> –

1

如果所有a標籤包含一個段落標記中你可以設置a標籤的colorinherit。您也可以爲所有a標籤設置樣式,以使其具有任何顏色。有關inherit的快速警告,有IE的舊版本不支持它(IE7和更早版本)。