Pseudo-classe :placeholder-shown CSS

Définition et utilisation

CSS :placeholder-shown Le pseudo-classe est utilisé pour choisir et définir le style du texte du placeholder actuel pour n'importe quel <input> ou <textarea> le style de l'élément.

Avis :Vous pouvez également utiliser ::placeholder Les pseudo-éléments pour définir le style du texte du placeholder.

Exemple

Choisissez et définissez le style de texte du placeholder actuel pour n'importe quel élément <input> :

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

Essayez-le vous-même

Syntaxe CSS

:placeholder-shown {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

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

Pages associées

Référence :Pseudo-élément ::placeholder CSS