Comment changer la couleur des placeholders

Apprenez à utiliser CSS pour changer la couleur des attributs des placeholders.

Essayer vous-même

Comment changer la couleur des placeholders

Première étape - Ajouter HTML :

Utilisez l'élément d'entrée et ajoutez placeholder Attribut :

<input type="text" placeholder="Un texte de placeholder rouge...">

Deuxième étape - Ajouter CSS :

Dans la plupart des navigateurs, le texte des placeholders est gris. Pour modifier ce réglage, utilisez ::placeholder Les sélecteurs pour définir le style des placeholders.

Veuillez noter que Firefox ajoute une opacité plus faible aux placeholders, donc nous utilisons opacity: 1 Pour résoudre ce problème.

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

Essayer vous-même

Pages liées

Référence manuelle :Sélecteur CSS ::placeholder