2011-01-23 46 views
110

我需要它的代碼表示,如#FFFFFF默認的HTML/CSS鏈接顏色是什麼?

+3

在什麼瀏覽器? (沒有定義「標準」。) –

+5

該問題可以解釋爲將實際的瀏覽器實踐和建議相關聯。特別是現在,HTML5即將標準化顏色(如「預期呈現」),問題在於主題,應該重新打開。請注意,大多數投票的答案都不符合當前的做法和HTML5 CR。 –

+0

@Jukka K. Korpela - 還要注意「最具票數的答案」是一個移動的目標。意圖很好,但請參閱具體的答案。 – Nicolas

回答

143

作爲HTML5的,超鏈接的前景顏色,除其他外,都在軌道中的guidelines for expected default rendering behavior形式標準化。尤其是,從截面Phrasing content截取,對於未訪問推薦的默認顏色和訪問超鏈接如下:

:link { color: #0000EE; } 
:visited { color: #551A8B; } 

注意,存在用於活動超鏈接(:link:active, :visited:active)沒有建議的默認,但是。

您可以使用這些默認的顏色和合理期望他們的工作。但請記住,瀏覽器可以自由地忽略任何或所有這些準則,因爲它不需要要求來關注它們。它,然而,推薦跨瀏覽器一致的用戶體驗(這是怎樣的「預期」在此背景下定義),所以機會這些顏色將對應於默認爲大多數的瀏覽器。在最壞的情況下,它們仍然是合理的近似值的實際值。

特別是在Firefox和Chrome瀏覽器的最新版本的默認未訪問和訪問過的鏈接顏色是上述準則一致,但最近的IE版本的報告不同的值:未訪問鏈接是rgb(0, 102, 204),或#0066CC,並參觀鏈接rgb(128, 0, 128)#800080。老版本的Firefox(也可能是Safari/Chrome)也有不同的默認值。然而,這些是舊版本;今天我知道的主要異常是IE。目前還沒有關於這個項目是否會在斯巴達項目中發生變化的言論 - 目前它仍然反映出與最新版本IE相同的價值。

如果您正在尋找一個標準化的配色方案,即所有瀏覽器都使用,而不是HTML5所建議的,那就沒有一個。沒有一種方法可以使用純CSS恢復特定元素的特定屬性的瀏覽器默認值。您將不得不使用HTML5建議的顏色,或者設計自己的配色方案並使用它。無論瀏覽器如何,這些選項都優先於瀏覽器的默認設置。

如果有疑問,可以隨時使用about:blank技術我之前描述嗅出了默認的顏色,今天仍然適用。例如,您可以使用它來嗅探所有瀏覽器中的活動鏈接顏色;在Firefox的最新版本(截至本次更新時爲29)中,它是rgb(238, 0, 0)#EE0000

+0

謝謝,但有沒有一些平均的代碼爲Mozilla,safari,即鉻?不只是默認的「藍色」?我需要所有鏈接樣式(已訪問,徘徊)默認樣式.. – Bill

1

完全取決於你正在訪問的網站上,並在沒有在網站上覆蓋的,在瀏覽器上。這沒有標準。

84
  • 標準鏈接 - #0000FF //藍色
  • 訪問過的鏈接 - #800080 //紫
  • 活動鏈接 - #FF0000 //紅

,這是一個標準,但每重不同瀏覽器現在。 (因爲尼爾森放棄了;)

+6

非常感謝。 2年後,這是我正在尋找的確切答案。 – Thumbz

+11

我不知道爲什麼66人只是接受了這個答案。即使這些值確實來自一個標準,但對於這個標準,這個答案沒有提供任何資料,因爲這個答案意味着這個標準早就過時了,並且在新代碼中使用它將毫無意義。 – BoltClock

+0

@stom:看起來應該是一個單獨的答案。即使你的意思是它是一個源代碼鏈接,它也不是一個有效的源代碼,因爲這裏沒有三個值出現在那裏。 – BoltClock

4

按照official default HTML stylesheet,沒有定義的默認鏈接的顏色。但是,您可以通過在任何像樣的圖形編輯器中使用截圖和使用移液器工具或使用瀏覽器的開發工具(選擇a元素,查找computed values>color)來找到瀏覽器使用的默認設置。

0

在某物上獲得瀏覽器的默認樣式的最佳方式是首先不要樣式化該元素。

+3

問題是,有時樣式來自庫。我們只注意到jQuery UI的默認樣式表包含'.ui-widget-content a {color:black; },所以標籤中的任何鏈接都會失去正常的顏色。我想覆蓋它,只是得到瀏覽器的默認顏色(或用戶的個人樣式表),但相反,我必須硬編碼特定的顏色。 – Barmar

+2

您可能想要了解RGB值的另一時刻是如果您想要包含與鏈接顏色相匹配的圖形 – marcelnijman

14

在壁虎的默認顏色,假設用戶並沒有改變自己的喜好,分別是:

  • 標準鏈接:#0000EE(藍色)
  • 訪問過的鏈接:#551A8B(紫色)
  • 活動鏈接:#EE0000(紅色)

Source

Gecko還提供用戶顏色的名稱;他們是-moz-hyperlinktext-moz-visitedhyperlinktext-moz-activehyperlinktext,他們還提供-moz-nativehyperlinktext這是系統鏈接的顏色。

0

在CSS中,你可以使用顏色字符串currentColor鏈接,例如內使邊框相同的顏色作爲默認的鏈接顏色:

.example { 
    border: 1px solid currentColor; 
} 
0

我用Chrome的顏色 所以藍色的Chrome鏈路是#007bff

0

默認的HTML顏色代碼是這樣的:

Red  #FF0000 rgb(255, 0, 0) 
Maroon #800000 rgb(128, 0, 0) 
Yellow #FFFF00 rgb(255, 255, 0) 
Olive #808000 rgb(128, 128, 0) 
Blue  #0000FF rgb(0, 0, 255) 
Navy  #000080 rgb(0, 0, 128) 
Fuchsia #FF00FF rgb(255, 0, 255) 
Purple #800080 rgb(128, 0, 128) 
相關問題