Propriété accent-color CSS

Définition et utilisation

accent-color Cette propriété est utilisée pour spécifier la couleur d'accentuation des contrôleurs d'interface utilisateur, par exemple :

<input type="checkbox">
<input type="radio">
<input type="range">
<progress>

Exemple

Définir la couleur d'accentuation pour différents contrôleurs d'interface utilisateur :

input[type=checkbox] {
  accent-color: red;
}
input[type=radio] {
  accent-color: green;
}
input[type=range] {
  accent-color: rgb(0, 0, 255);
}
progress {
  accent-color: hsl(39, 100%, 50%);
}

Essayez-le vous-même

Syntaxe CSS

accent-color: auto|color|initial|inherit;

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. Le navigateur choisit la couleur d'accentuation.
color

Définir la couleur utilisée pour l'accentuation.

Vous pouvez utiliser toutes les valeurs de couleurs valides (rgb, hexadécimal, couleurs nommées, etc.).

Pour plus d'informations sur les valeurs valides, consultez notre tutoriel sur les couleurs CSS.
initial Définit cette propriété à sa valeur par défaut. Voir initial。
inherit Inherits this property from its parent element. Voir inherit。

Détails techniques

Valeur par défaut : auto
Inhéritabilité : Oui
Création d'animation : Supporté. Voir :Propriétés liées aux animations。
Version : CSS4
Syntaxe JavaScript : object.style.accentColor="red"

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0