DEV Community

Discussion on: Make your text input look like a password input

 
oumaymasghayer profile image
Oumayma JavaScript Developer

-webkit-text-security , -mox-text-security, text-security, for all browser support.

Thread Thread
 
zoppatorsk profile image
Zoppatorsk

Naah.. that won't work... even if typing -moz instead of -mox ;)

firefox_dev_tools
Wld have to use some alternative solution like below where use a font for it.

@font-face {
    font-family: text-security-disc;
    src: url('https://raw.githubusercontent.com/noppa/text-security/master/dist/text-security-disc.woff');
}

input {
    font-family: text-security-disc;
    -webkit-text-security: disc;
}
Enter fullscreen mode Exit fullscreen mode