-webkit-text-security

Esta tradução está incompleta. Ajude a traduzir este artigo em inglês

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

-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ão type=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" id="name" />

CSS

input {
  -webkit-text-security: square;
}

Result

Especificação

Não faz parte de nenhuma especificação.

Compatibilidade do navegador

Suportado em navegadores baseados no WebKit e Blink.

Veja também