-webkit-text-security兼容性

Question

我按照以下方式設置了text-security:disc;，但它在firefox中不起作用。

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

我將這些屬性設置爲input[type='number']字段。任何建議？

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; 
}