-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

css
-webkit-text-security: circle;
-webkit-text-security: disc;
-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

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

CSS

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