Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.
-webkit-text-security
Não padrão: Este recurso não é padronizado. Não recomendamos o uso de recursos não padronizados em produção, pois eles têm suporte limitado nos navegadores e podem mudar ou ser removidos. No entanto, podem ser uma alternativa viável em casos específicos onde não exista uma opção padrão.
-webkit-text-security é uma propriedade CSS não padronizada que ofusca caracteres em um campo<form> (como<input> ou<textarea>) substituindo eles com uma forma. Afeta apenas campos que não sãotype=password.
Sintaxe
-webkit-text-security: circle;-webkit-text-security: disc;-webkit-text-security: square;-webkit-text-security: none;Exemplo
Tente digitar no campo abaixo. Se o seu navegador suportar essa propriedade, os caracteres deverão ser visualmente substituídos por quadrados.
HTML
<label for="name">Name:</label> <input type="text" name="name" />CSS
input { -webkit-text-security: square;}Result
Especificação
Não faz parte de nenhuma especificação.
Compatibilidade com navegadores
Suportado em navegadores baseados no WebKit e Blink.