accent-color
Limited availability
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
La propriété CSS accent-color définit la couleur d'accentuation (accent) des éléments. Une accentuation est présente sur des éléments HTML tels que des <input> de type checkbox ou radio.
Syntaxe
css
/* Valeurs avec un mot-clé */
accent-color: auto;
/* Valeurs de <color> */
accent-color: red;
accent-color: #5729e9;
accent-color: rgb(0, 200, 0);
accent-color: hsl(228, 4%, 24%);
/* Valeurs globales */
accent-color: inherit;
accent-color: initial;
accent-color: revert;
accent-color: unset;
Valeurs
Définition formelle
| Valeur initiale | auto |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | oui |
| Valeur calculée | auto is computed as specified and <color> values are computed as defined for the color property. |
| Type d'animation | by computed value type |
Syntaxe formelle
accent-color =
auto |
<color>
Exemples
Définir une couleur d'accentuation personnalisée
HTML
html
<input type="checkbox" checked />
<input type="checkbox" class="custom" checked />
CSS
css
input {
accent-color: auto;
display: block;
width: 30px;
height: 30px;
}
input.custom {
accent-color: rebeccapurple;
}
Résultat
Spécifications
| Specification |
|---|
| CSS Basic User Interface Module Level 4 # widget-accent |
Compatibilité des navigateurs
Chargement…
Voir aussi
- L'élément
<input> - Appliquer des couleurs aux éléments HTML grâce à CSS
- Le type de donnée
<color> - Les autres propriétés relatives aux couleurs :
color,background-color,border-color,outline-color,text-decoration-color,text-emphasis-color,text-shadow,caret-coloretcolumn-rule-color