Admin/Dev

15
Août
2017

Astuce CSS : Forcer le changement de couleur sur le texte d'un champ désactivé

Publié par sky

Il s'agit d'une astuce bien spécifique pour un problème lui aussi très spécifique.

Lorsque l'on désactive un champ d'un formulaire HTML, il arrive que Safari décide d'appliquer sa propre couleur malgré les définitions CSS "color".

Pour contrecarrer cette mauvaise blague du Webkit, il suffit d'ajouter la définition CSS suivante :

input[disabled='disabled'] {color:red; -webkit-text-fill-color:red;}

Cette définition CSS applique une couleur rouge au texte de tous les éléments HTML de type input dont l'attribut "disabled" est défini à "disabled". En bref, le texte de tous les champs désactivés seront rouges.

Attention, une fois la définition "-webkit-text-fill-color" ajoutée, il semble que Firefox la suive aussi.

 
 
Commentaires
Aucun commentaire pour le moment.

 

Poster un commentaire
En postant sur skymac.org, je m'engage à être courtois et à ce que mon message soit pertinent avec le sujet de l'article.
En outre, j'accepte, sans condition, que mon message soit refusé et supprimé si ces règles ne sont pas appliquées.
Les cookies assurent le bon fonctionnement de nos services. En continuant, vous acceptez leur utilisation sur notre site internet.
Accepter