Comment - Changer la couleur de l'espace réservé
Apprenez à changer la couleur de l'attribut d'espace réservé avec CSS.
Couleur de l'espace réservé
Étape 1) Ajoutez du HTML :
Utilisez un élément d'entrée et ajoutez l'attribut d'espace réservé :
Exemple
<input type="text" placeholder="A red placeholder text..">
Étape 2) Ajoutez CSS :
Dans la plupart des navigateurs, le texte de l'espace réservé est gris. Pour changer cela, stylisez l'espace réservé avec le ::placeholder
sélecteur non standard. Notez que Firefox ajoute une opacité inférieure à l'espace réservé, nous utilisons donc opacity:
1 pour résoudre ce problème.
Exemple
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Conseil : En savoir plus sur le sélecteur ::placeholder dans notre référence CSS : CSS ::placeholder Property .