Les contrôles de formulaire natifs étaient intouchables pendant deux décennies, c'est pourquoi chaque système de conception a fini par peindre sa propre case à cocher ; la bague de mise au point, la passe au clavier et l'audit en mode sombre sont tous devenus votre travail. La couleur d'accent est la voie du milieu, et c'est une excellente valeur par caractère.
:root { accent-color: crimson; }Jusqu'où va une ligne
- La propriété atteint la case à cocher, la radio, la portée, la progression et le compteur ; la tique, le losange et le pouce gardent leur forme native et prennent simplement votre couleur.
- Le navigateur calcule le contraste par rapport à l'accent, de sorte que les glyphes cochés et la piste remplie restent lisibles dans le jeu de couleurs rendu par la page.
- Définissez-le sur :root et chaque contrôle hérite ; réglez-le sur un contrôle et seul celui-ci change, le moyen peu coûteux de marquer une seule bascule destructrice.
Accent versus contrôles entièrement personnalisés
Un contrôle total sur le dessin reste disponible lorsqu'une surface de héros exige une forme exacte, et s'il s'agit d'un contrat de marque, très bien. Pour le reste de la forme, les commandes natives avec un accent restent accessibles gratuitement, et elles continuent de s'améliorer à mesure que les moteurs peaufinent leur peinture. Échange très gacor à réaliser : pas d'attribut ARIA en échange d'une palette.
Associez-le délibérément à une palette de couleurs. Une racine qui déclare clair foncé plus un accent maintient les contrôles cohérents dans le schéma de couleurs préféré sans deuxième fichier de thème.