Jaki jest domyślny kolor linków HTML / CSS?

Potrzebuję jego reprezentacji w kodzie, na przykład #FFFFFF.

Od wersji HTML5 między innymi kolory pierwszego planu hiperłączy są na dobrej drodze do standaryzacji w postaci wytycznych dotyczących oczekiwanego domyślnego zachowania renderowania . W szczególności, wzięte z sekcji Treść fraz, zalecane domyślne kolory dla nieodwiedzonych i odwiedzonych hiperłączy są następujące:

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

Należy jednak zauważyć, że nie ma zalecanej wartości domyślnej dla aktywnych hiperłączy ( :link:active, :visited:active).

Możesz używać tych domyślnych kolorów i rozsądnie oczekiwać, że będą działać. Pamiętaj jednak, że przeglądarka może zignorować niektóre lub wszystkie z tych wskazówek, ponieważ ich przestrzeganie nigdy nie jest wymagane . Jest to jednak zalecane, aby zapewnić spójne wrażenia użytkownika w różnych przeglądarkach (tak definiuje się w tym kontekście „oczekiwany”), więc istnieje duże prawdopodobieństwo, że te kolory będą odpowiadały domyślnym ustawieniom większości przeglądarek. W najgorszym przypadku nadal służą jako rozsądne przybliżenia rzeczywistych wartości.

W szczególności domyślne kolory nieodwiedzonych i odwiedzonych linków w najnowszych wersjach przeglądarek Firefox i Chrome są zgodne z powyższymi wytycznymi, ale najnowsze wersje IE podają różne wartości: nieodwiedzone linki to rgb(0, 102, 204)lub #0066CC, a odwiedzane linki to rgb(128, 0, 128)lub #800080. Starsze wersje Firefoksa (i prawdopodobnie Safari / Chrome) również miały inne ustawienia domyślne. Są to jednak starsze wersje; obecnie głównym obserwatorem odstającym, o którym wiem, jest IE. Nie wiadomo jeszcze, czy to się zmieni w Project Spartan - obecnie nadal odzwierciedla te same wartości, co najnowsza wersja IE.

Jeśli szukasz standardowego schematu kolorów używanego przez wszystkie przeglądarki, a nie sugerowanego przez HTML5, to takiego nie ma. Nie ma też sposobu na przywrócenie domyślnej wartości przeglądarki dla określonej właściwości określonego elementu przy użyciu czystego CSS. Będziesz musiał albo użyć kolorów sugerowanych przez HTML5, albo opracować własny schemat kolorów i użyć go zamiast tego. Każda z tych opcji ma pierwszeństwo przed domyślnymi ustawieniami przeglądarki, niezależnie od przeglądarki.

W razie wątpliwości zawsze możesz skorzystać z about:blanktechniki, którą opisałem wcześniej, aby odszukać domyślne kolory, ponieważ jest ona nadal stosowana. Możesz użyć tego na przykład do wąchania koloru aktywnego łącza we wszystkich przeglądarkach; w najnowszej wersji przeglądarki Firefox (29 w tej aktualizacji) to rgb(238, 0, 0), lub #EE0000.

• link standardowy - # 0000FF // niebieski
• odwiedzony link - # 800080 // fioletowy
• link aktywny - # FF0000 // czerwony

to był standard, ale teraz znacznie różni się w zależności od przeglądarki. (odkąd Nielsen się poddał;)

Domyślne kolory w Gecko, zakładając, że użytkownik nie zmienił swoich preferencji, to:

• link standardowy: #0000EE(niebieski)
• odwiedzony link: #551A8B(fioletowy)
• aktywny link: #EE0000(czerwony)

Źródło

Gecko podaje również nazwy kolorów użytkownika; są, -moz-hyperlinktext -moz-visitedhyperlinktexta -moz-activehyperlinktexttakże podają, jaki -moz-nativehyperlinktextjest kolor łącza systemowego.

Zgodnie z oficjalnym domyślnym arkuszem stylów HTML , nie ma zdefiniowanego domyślnego koloru linków. Możesz jednak sprawdzić domyślne ustawienia przeglądarki, wykonując zrzut ekranu i używając narzędzia pipety w jakimkolwiek przyzwoitym edytorze graficznym lub używając narzędzi programistycznych przeglądarki (wybierz aelement, poszukaj computed values>color).

Jestem przyzwyczajony do koloru Chrome, więc niebieski kolor w Chrome dla linków to #007bff

Całkowicie zależy od odwiedzanej witryny internetowej, aw przypadku braku nadpisania na stronie internetowej, od przeglądarki. Nie ma na to standardu.

Dla mnie w Chrome (aktualizacja z czerwca 2018 r.) Kolor nieodwiedzonego linku to # 2779F6. Zawsze możesz to uzyskać, powiększając bardzo blisko, robiąc zrzut ekranu i odwiedzając witrynę internetową, taką jak html-color-codes.info, która przekonwertuje zrzut ekranu na kod koloru.

Najlepszym sposobem na uzyskanie domyślnego stylu przeglądarki jest przede wszystkim całkowite zaniechanie stylizacji elementu.

W CSS możesz użyć łańcucha koloru currentColorwewnątrz linku, aby np. Nadać obramowaniu ten sam kolor, co domyślny kolor linku:

.example {
    border: 1px solid currentColor;
}

Domyślny kod koloru html w następujący sposób:

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)