Quelle est la couleur de lien HTML/CSS par défaut?
J'ai besoin de sa représentation de code, comme #FFFFFF.
À partir de HTML5, les couleurs de premier plan des liens hypertexte, entre autres choses, sont en voie de normalisation sous la forme de instructions pour le comportement de rendu par défaut attendu . En particulier, tiré de la section Contenu de formulation , les couleurs recommandées par défaut pour les liens hypertexte non visités et visités sont les suivantes:
:link { color: #0000EE; }
:visited { color: #551A8B; }
Notez qu’il n’existe pas de valeur par défaut recommandée pour les liens hypertexte actifs (:link:active, :visited:active).
Vous pouvez utiliser ces couleurs par défaut et raisonnablement s'attendre à ce qu'elles fonctionnent. Mais gardez à l’esprit qu’un navigateur est libre d’ignorer tout ou partie de ces consignes, car il n’est jamais obligatoire de les respecter. Cependant, il est recommandé de garantir une expérience utilisateur cohérente sur tous les navigateurs (ce qui correspond à la définition du terme "attendu" dans ce contexte), donc il est probable que que ces couleurs correspondent aux valeurs par défaut de la plupart des navigateurs. Dans le pire des cas, elles servent toujours approximations raisonnables des valeurs réelles.
En particulier, les couleurs par défaut des liens visités et non visités dans les dernières versions de Firefox et de Chrome sont conformes aux consignes ci-dessus, mais les versions récentes de IE indiquent des valeurs différentes: les liens non visités sont rgb(0, 102, 204) ou #0066CC et les liens visités sont rgb(128, 0, 128) ou #800080. Les anciennes versions de Firefox (et éventuellement de Safari/Chrome) avaient également des valeurs par défaut différentes. Ce sont des versions plus anciennes, cependant; Le principal problème que je connaisse aujourd'hui est IE. Pas encore de mot sur si cela changera dans Project Spartan - actuellement, il reflète toujours les mêmes valeurs que la dernière version d'IE.
Si vous recherchez un jeu de couleurs normalisé utilisé par tous les navigateurs plutôt que suggéré par HTML5, il n'y en a pas. Il n'y a pas non plus moyen de revenir à la valeur par défaut d'un navigateur pour une propriété particulière sur un élément particulier à l'aide de CSS pur. Vous devrez soit utiliser les couleurs suggérées par HTML5, soit concevoir votre propre jeu de couleurs et l'utiliser à la place. Chacune de ces options aura la priorité sur les valeurs par défaut du navigateur, quel que soit le navigateur.
En cas de doute, vous pouvez toujours utiliser la technique about:blank que j'ai décrite précédemment pour détecter les couleurs par défaut, car elle reste applicable aujourd'hui. Vous pouvez utiliser ceci pour détecter la couleur du lien actif dans tous les navigateurs, par exemple; dans la dernière version de Firefox (29 à ce jour), il s'agit de rgb(238, 0, 0) ou #EE0000.
- lien standard - # 0000FF // bleu
- lien visité - # 800080 // violet
- lien actif - # FF0000 // rouge
c'était un standard mais cela varie énormément d'un navigateur à l'autre. (puisque Nielsen l'a abandonné;)
Les couleurs par défaut dans Gecko, en supposant que l'utilisateur n'a pas modifié ses préférences, sont les suivantes:
- lien standard:
#0000EE(bleu) - lien visité:
#551A8B(violet) - lien actif:
#EE0000(rouge)
Gecko fournit également des noms pour les couleurs de l'utilisateur; ils sont -moz-hyperlinktext-moz-visitedhyperlinktext et -moz-activehyperlinktext et ils fournissent également -moz-nativehyperlinktext qui est la couleur du lien système.
Selon la feuille de style HTML officielle par défaut , il n’existe pas de couleur de lien par défaut. Cependant, vous pouvez connaître les valeurs par défaut utilisées par votre navigateur en prenant une capture d'écran et en utilisant l'outil Pipette dans n'importe quel éditeur graphique convenable, ou en utilisant les outils de développement de votre navigateur (sélectionnez un élément a, recherchez computed values>color).
Je suis habitué à la couleur de Chromeso la couleur bleue de Chrome pour le lien est #007bff
Cela dépend entièrement du site Web que vous visitez et en l’absence de réécriture sur le site Web, sur le navigateur. Il n'y a pas de norme pour cela.
Code de couleur html par défaut comme ceci:
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)
Pour moi, sur Chrome (mise à jour en juin 2018), la couleur d'un lien non visité est # 2779F6. Vous pouvez toujours obtenir cela en effectuant un zoom très rapproché, en prenant une capture d'écran et en visitant un site Web tel que html-color-codes.info qui convertira une capture d'écran en code de couleur.
En CSS, vous pouvez utiliser la chaîne de couleur currentColor à l'intérieur d'un lien pour rendre la bordure par exemple de la même couleur que la couleur de lien par défaut:
.example {
border: 1px solid currentColor;
}
La meilleure façon d'obtenir le style par défaut d'un navigateur sur quelque chose est de ne pas styler l'élément du tout.