Який колір посилань HTML / CSS за замовчуванням?


161

Мені потрібно його представлення коду, як #FFFFFF.


4
У якому браузері? (Немає визначеного "стандарту".)
Джон Паркер

6
Це питання можна трактувати як пов’язане як із фактичною практикою браузера, так і з рекомендаціями. Особливо зараз, коли HTML5 збирається стандартизувати кольори (як "очікувана візуалізація"), питання на тему, і його слід знову відкрити. Зауважте, що відповідь з більшістю голосів не відповідає сучасній практиці та HTML5 CR.
Jukka K. Korpela

1
@Jukka K. Korpela - Зауважте також, що "відповідь з найбільшою кількістю голосів" є рухомою ціллю. Доброзичливо, але будь ласка, зверніться до конкретної відповіді.
Ніколя

Відповіді:


205

Що стосується 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.


Дякую, але чи є якийсь середній код для мозілла, сафарі, тобто хрому? не просто "синій" за замовчуванням? Мені потрібні всі стилі посилань (відвідані, накладені), щоб мати стиль за замовчуванням ..
Білл

91
  • стандартне посилання - # 0000FF // синій
  • відвідане посилання - # 800080 // фіолетовий
  • активне посилання - # FF0000 // червоний

це було стандартом, але зараз сильно відрізняється від браузера. (оскільки Нільсен відмовився від цього;)


13
Я не впевнений, чому 66 людей просто взяли на це відповідь. Навіть якби значення походили від стандарту, для якого ця відповідь не містить жодних джерел, цей стандарт був би давно застарілий, як випливає з цієї відповіді, і використовувати його в новому коді було б безглуздо.
BoltClock

@stom: Схоже, натомість слід отримати окрему відповідь. Навіть якщо ви мали на увазі джерело посилання, воно не є дійсним джерелом, оскільки жодне з трьох значень тут не відображається.
BoltClock

16

За замовчуванням у Gecko кольори, якщо користувач не змінив свої налаштування, такі:

  • стандартне посилання: #0000EE(синій)
  • відвідане посилання: #551A8B(фіолетовий)
  • активне посилання: #EE0000(червоний)

Джерело

Gecko також надає назви кольорів користувача; вони є, -moz-hyperlinktext -moz-visitedhyperlinktextі -moz-activehyperlinktextвони також забезпечують -moz-nativehyperlinktextколір системи зв'язку.


4

Відповідно до офіційного таблиці стилів HTML за замовчуванням , немає визначеного кольору посилання за замовчуванням. Однак ви можете дізнатись за замовчуванням, який використовує ваш веб-переглядач, зробивши знімок екрана екрана та за допомогою інструмента піпетки в будь-якому пристойному графічному редакторі або використовуючи інструменти для розробників вашого браузера (виберіть aелемент, шукайте computed values>color).


3

Я звик до кольору Chrome, тому синій колір у Chrome для посилання є #007bff


1

Цілком залежить від веб-сайту, який ви відвідуєте, і за відсутності перезапису на веб-сайті, від браузера. Для цього немає стандарту.


1

Для мене в Chrome (оновлено червень 2018 року) колір для незапрошеного посилання - це # 2779F6. Ви завжди можете це досягти, збільшивши зображення по-справжньому близько, зробивши знімок екрана та відвідавши веб-сайт на зразок html-color-codes.info, який перетворить знімок екрана в кольоровий код.


0

Найкращий спосіб домогтися стилю браузера за замовчуванням на чомусь - це взагалі не стилювати елемент.


3
Проблема полягає в тому, що іноді стилізація походить з бібліотеки. Ми щойно помітили, що таблиця стилів за замовчуванням користувальницького інтерфейсу jQuery містить .ui-widget-content a { color: black; }, тому будь-які посилання на вкладках втрачають звичайне забарвлення. Я хотів би змінити це і просто отримати кольори браузера за замовчуванням (або особисту таблицю стилів користувача), але замість цього мені доведеться жорстко кодувати конкретні кольори.
Бармар

2
Ще один момент, коли ви можете дізнатися значення RGB - це якщо ви хочете включити графіку, яка відповідає кольору посилань
marcelnijman

0

У CSS ви можете використовувати рядок кольору currentColorвсередині посилання, наприклад, щоб зробити межу таким же кольором, як і колір посилання за замовчуванням:

.example {
    border: 1px solid currentColor;
}

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)
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.