Какой цвет ссылки по умолчанию для HTML / CSS?

161

Мне нужно его представление кода, как #FFFFFF.

html css

— Билл
источник

4

В каком браузере? (Там нет определенного "стандарта".)

— Джон Паркер

6

Этот вопрос можно интерпретировать как относящийся как к реальной практике браузера, так и к рекомендациям. Особенно сейчас, когда HTML5 собирается стандартизировать цвета (как «ожидаемый рендеринг»), вопрос актуален и должен быть вновь открыт. Обратите внимание, что ответ с большинством голосов не соответствует текущей практике и HTML5 CR.

— Юкка К. Корпела

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.

— BoltClock
источник

Спасибо, но есть ли какой-нибудь средний код для Mozilla, Safari, т.е. Chrome? не просто по умолчанию "синий"? Мне нужно, чтобы все стили ссылок (посещенные, зависшие) были стилизованы по умолчанию ..

— Билл

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).

— phihag
источник

3

Я привык к цвету Chrome, поэтому синий цвет в Chrome для ссылки #007bff

— Грандия
источник

1

Полностью зависит от веб-сайта, который вы посещаете, и в случае отсутствия перезаписи на веб-сайте, в браузере. Для этого нет стандарта.

— Femaref
источник

1

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

— Рассел Пекала
источник

0

Лучший способ получить стиль браузера по умолчанию для чего-либо - вообще не стилизовать элемент.

— jeffszusz
источник

3

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

— Бармар

2

Еще один момент, когда вы можете захотеть узнать значения RGB, если вы хотите включить графику, которая соответствует цвету ссылок

— marcelnijman

0

В CSS вы можете использовать цветную строку currentColorвнутри ссылки, например, чтобы сделать границу того же цвета, что и цвет ссылки по умолчанию:

.example {
    border: 1px solid currentColor;
}

— Dominik
источник

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)

— Р. Кумар
источник