[英]What's default HTML/CSS link color?
我需要它的代碼表示,比如#FFFFFF
。
從 HTML5 開始,超鏈接的前景色以及其他內容正在以預期默認呈現行為的指南形式進行標准化。 特別是,從短語內容部分中,未訪問和訪問過的超鏈接的推薦默認顏色如下:
: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。 目前還沒有關於這是否會在 Project Spartan 中改變的消息——目前它仍然反映了與最新版本的 IE 相同的值。
如果您正在尋找一種適用於所有瀏覽器而不是 HTML5 建議的標准化配色方案,那么就沒有了。 也沒有辦法使用純 CSS 將特定元素上的特定屬性恢復為瀏覽器的默認值。 您將不得不使用 HTML5 建議的顏色,或者設計您自己的配色方案並使用它。 無論瀏覽器如何,這些選項中的任何一個都將優先於瀏覽器的默認設置。
如果有疑問,您可以隨時使用我之前描述的about:blank
技術來嗅探默認顏色,因為它今天仍然適用。 例如,您可以使用它來嗅探所有瀏覽器中的活動鏈接顏色; 在最新版本的 Firefox 中(本次更新時為 29),它是rgb(238, 0, 0)
或#EE0000
。
這是一個標准,但現在每個瀏覽器都大不相同。 (因為尼爾森放棄了;)
假設用戶沒有改變他們的偏好,Gecko 中的默認顏色是:
#0000EE
(藍色)#551A8B
(紫色)#EE0000
(紅色) Gecko 還為用戶的顏色提供名稱; 它們是-moz-hyperlinktext
-moz-visitedhyperlinktext
和-moz-activehyperlinktext
並且它們還提供-moz-nativehyperlinktext
這是系統鏈接顏色。
我習慣了 Chrome 的顏色,所以 Chrome 中鏈接的藍色是#007bff
根據官方默認的 HTML 樣式表,沒有定義默認鏈接顏色。 但是,您可以通過截取屏幕截圖並在任何合適的圖形編輯器中使用移液器工具或使用瀏覽器的開發工具(選擇a
元素,查找computed values>color
)來找出瀏覽器使用的默認computed values>color
。
對我來說,在 Chrome(2018 年 6 月更新)上,未訪問鏈接的顏色是 #2779F6。 你總是可以通過放大非常近,截取屏幕截圖並訪問像 html-color-codes.info 這樣的網站來獲得它,該網站會將屏幕截圖轉換為顏色代碼。
完全取決於您正在訪問的網站,並且在網站上沒有覆蓋的情況下,在瀏覽器上。 沒有標准。
在 CSS 中,您可以在鏈接內使用顏色字符串currentColor
來使邊框的顏色與默認鏈接顏色相同:
.example {
border: 1px solid currentColor;
}
獲得瀏覽器默認樣式的最好方法是一開始就根本不設置元素的樣式。
像這樣的默認 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)
使用revert css 關鍵字。
a {
color: revert;
}
對於 uBlock Origin htmlgiant.com##body a:style(color:revert !important;)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.