Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
-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 quine sont pas de typetype="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" />CSS
input { -webkit-text-security: square;}Résultat
Spécifications
Cette propriété ne fait partie d'aucun standard.