: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.
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
: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
<textarea></textarea>
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é.