Élément pseudo ::placeholder CSS

Définition et utilisation

CSS ::placeholder L'élément pseudo est utilisé pour définir <input> ou <textarea> Style du texte placeholder de l'élément.

Le texte placeholder est défini par l'attribut placeholder, qui décrit l'indication attendue pour le champ.

Astuce :Dans la plupart des navigateurs, la couleur par défaut du texte placeholder est gris clair.

Exemple

Modifier la couleur et la transparence du texte de placeholder dans le champ d'entrée :

input::placeholder {
  color: red;
  opacity: 0.5;
}

Essayez-le vous-même

Syntaxe CSS

::placeholder {
  déclarations css;
}

Détails techniques

Version : Module de pseudo-éléments CSS Niveau 4

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cet élément pseudo-classe.

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

pages associées

Référence CSS ::placeholder-shown classe pseudo