-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.
-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;
/* 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
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.
Compatibilité des navigateurs
Loading…