Pour moi, les réponses actuelles n'expliquent pas suffisamment le problème, donc j'ajoute cette réponse qui, espérons-le, pourrait être utile à d'autres.
Texte grisé / grisé, peut signifier soit
- c'est une règle / propriété par défaut que le navigateur applique, qui inclut des propriétés abrégées par défaut.
- Cela implique un héritage qui est un peu plus compliqué.
Héritage
Remarque: le panneau "style" des outils de développement Chrome affiche un ensemble de règles, car une ou plusieurs règles de l'ensemble sont appliquées au nœud DOM actuellement sélectionné. Je suppose que, par souci d'exhaustivité, les outils de développement affichent toutes les règles de cet ensemble, qu'elles soient appliquées ou non.
Dans le cas où une règle est appliquée à l'élément actuellement sélectionné en raison de l'héritage (c'est-à-dire que la règle a été appliquée à un ancêtre et que l'élément sélectionné en a hérité), Chrome affichera à nouveau l'ensemble des règles.
Les règles qui sont appliquées à l'élément actuellement sélectionné apparaissent en texte normal.
Si une règle existe dans cet ensemble mais n'est pas appliquée car il s'agit d'une propriété non héritable (par exemple la couleur d'arrière-plan), elle apparaîtra sous forme de texte grisé / grisé.
voici un article qui donne une bonne explication - (Remarque: l'élément pertinent est au bas de l'article - figure 21 - malheureusement la section pertinente n'a pas de titre) - http://commandlinefanatic.com/cgi-bin /showarticle.cgi?article=art033
Extrait de l'article
Ce [scénario d'héritage] peut parfois créer un peu de confusion, car les propriétés abrégées par défaut; la figure 21 illustre les propriétés abrégées par défaut de la propriété font ainsi que les propriétés non héritées. Soyez simplement conscient du contexte que vous regardez lorsque vous examinez des éléments.