-webkit-text-security
Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.
La propriété CSS non-standard -webkit-text-security permet de masquer les caractères saisis dans un camp d'un formulaire <form> (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 type="password".
Syntaxe
-webkit-text-security: circle;
-webkit-text-security: disc;
-webkit-text-security: square;
-webkit-text-security: none;
/* Valeurs globales */
-webkit-text-security: inherit;
-webkit-text-security: initial;
-webkit-text-security: revert;
-webkit-text-security: revert-layer;
-webkit-text-security: unset;
Syntaxe formelle
-webkit-text-security =
circle |
disc |
square |
none
Exemples
Masquer une saisie de texte
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é ne fait partie d'aucun standard.