-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: 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
<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.