-webkit-text-security

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

-webkit-text-security est une propriété CSS non-standard qui permet de masquer les caractères saisis dans un camp d'un formulaire (ex. <input> ou <textarea>) en les remplaçant par une forme géométrique. Cette propriété n'affecte que les champs qui ne sont pas de type password.

Syntaxe

-webkit-text-security: circle;
-webkit-text-security: disk;
-webkit-text-security: square;
-webkit-text-security: none;

Exemples

En utilisant un navigateur qui prend en charge cette propriété et en saisissant des caractères dans le champs, vous pourrez les voir remplacées par des carrés.

HTML

<label for="name">Nom :</label>
<input type="text" name="name" id="name" />

CSS

input {
  -webkit-text-security: square;
}

Résultat

Spécifications

Cette propriété WebKit est spécifique à ce moteur et ne fait partie d'aucune spécification.

Compatibilité des navigateurs

Cette propriété est prise en charge par les navigateurs basés sur WebKit ou Blink.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : mdnwebdocs-bot, SphinxKnight
Dernière mise à jour par : mdnwebdocs-bot,