-webkit-text-security compatibility

Question

-webkit-text-security compatibility

coloquei text-security:disc; da seguinte forma, mas não está a funcionar no firefox.

text-security:disc;
-webkit-text-security:disc;
-mox-text-security:disc;

estou a configurar estas propriedades para input[type='number'] Campo. Alguma sugestão?

7

css

Author: sagarpatidar, 2014-09-13

Source

1 answers

score 6 · Answer 1

window.onload = function() {
    init(); 
}

function init() {
    var x = document.getElementsByTagName("input")[0];
    var style = window.getComputedStyle(x);
    console.log(style);

    if (style.webkitTextSecurity) {
        // Do nothing
    } else {
        x.setAttribute("type", "password");
    }
}

CSS

input {
    text-security: disc;
    -webkit-text-security: disc;
    -moz-text-security: disc;
}