Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

:blank

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Note : Le sélecteur :blank est une fonctionnalité considérée risquée car en cours de modification par le CSSWG.

Voir l'issue n°1967 à ce propos.

La pseudo-classe CSS :blank permet de sélectionner les champs saissables par l'utilisateur·ice et qui sont vides (par exemple des éléments <input> ou <textarea> où rien n'a encore été saisi).

Syntaxe

css
:blank {
  /* ... */
}

Exemples

Exemple de base avec :blank

Dans les navigateurs prenant en charge cette fonctionnalité, la pseudo-classe :blank permettra aux développeur·euse·s de mettre en évidence d'une certaine manière les contrôles de saisie qui ne sont pas requis, mais qui n'ont toujours aucun contenu rempli, peut-être en guise de rappel pour les utilisateurs.

HTML

html
<textarea></textarea>

CSS

css
textarea:blank {
  border: 3px solid red;
}

Result

Spécifications

Specification
Selectors Level 4
# blank-pseudo

Compatibilité des navigateurs

Actuellement, aucun navigateur ne prend en charge cette fonctionnalité.

Voir aussi