:blank - Sélecteur CSS

Description de la pseudo-classe :blank.

Cette page sera prochainement complétée, mais pour l'instant, la pseudo-classe :blank est encore trop peu prise en charge par les navigateurs.

Le sélecteur :blank peut s'utiliser dans deux contextes différents :

• En association avec @page. Il désigne alors les pages imprimées vides. Pour cette utilisation, reportez-vous à la page :first.
• En tant que pseudo-classe à part entière, pour désigner les zones de saisie vides.

Le sélecteur :blank peut s'appliquer à des balises input acceptant une saisie au clavier (types text, number, etc.), ou des balises textarea.

Exemple d'utilisation de le pseudo-classe :blank.

Les exemples ci-dessous ne seront probablement pas opérationnels sur votre navigateur avant plusieurs mois.

Compatibilité des navigateurs.

Le tableau ci-dessous est la prise en charge de la pseudo-classe :blank dans le contexte d'une zone de saisie. On voit qu'elle est encore très mal reconnue par les navigateurs (2022).

1

Pseudo-classe
:blank

Estimation de la prise en charge globale.

0%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Samsung Internet

Safari

Safari sur IOS

Opéra

Firefox pour Androïd

Chrome

Edge

Firefox

Androïd Brower

Chrome pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Historique de la pseudo-classe :blank.

• Sélecteurs - Niveau 4

  Introduction de la pseudo-classe :blank dans le niveau 4 du module Selectors.
  

  29 Septembre 2011

  Document de travail.

  

  

  

Autres pseudo-classes en rapport.

De nombreuses pseudo-classes sont relatives aux zones de saisie et à leur état à un moment donné (activées, verrouillées, etc.) Reportez-vous aux pseudo-classes listées ci-dessous pour en savoir plus.

:autofill
Pseudo-classe désignant les éléments de saisie dont le contenu a été renseigné automatiquement par le navigateur.
:checked
Pseudo-classe désignant les cases à cocher (ou boutons radio) qui sont cochés, ainsi que les éléments de menu sélectionnés.
⚠
:closed
Pseudo-classe ciblant un élément pouvant être soit ouvert, soit fermé (comme un menu select), et qui se trouve dans l'état fermé.
:default
Pseudo-classe désignant les cases à cocher et boutons radio qui sont cochés par défaut.
:disabled
Pseudo-classe désignant les zones de saisie veerrouillées.
:enabled
Pseudo-classe désignant les zones de saisies non verrouillées.
:in-range
Pseudo-classe désignant les zones de saisie dont la valeur est dans la fourchette autorisée.
:indeterminate
Pseudo classe désignant les zones de saisie dont la valeur est indéterminée.
:invalid
Pseudo classe désignant les zones de saisie contenant une information invalide.
⚠
:open
Pseudo-classe ciblant les éléments pouvant être soit ouverts, soit fermés (comme select), et qui se trouvent dans l'état ouvert.
:optional
Pseudo élément désignant les zones de saisie non obligatoires.
:out-of-range
Pseudo-classe désignant les zones de saisie dont la valeur est en dehors de la plage autorisée.
:placeholder-shown
Pseudo-classe désignant les zones de saisie comportant un texte d'aide.
:read-only
Pseudo-classe désignant les zones de saisie en lecture seule.
:read-write
Pseudo-classe désignant les zones de saisie en lecture écriture.
:required
Pseudo-classe désignant les zones de saisie obligatoires.
:user-invalid
Pseudo-classe désignant les zones de saisie dont la valeur est invalide.
:user-valid
Pseudo-classe désignant les zones de saisie dont la valeur est valide.
:valid
Pseudo-classe désignant les zones de saisie contenant une information valide.