-webkit-text-security: Disc; Is Not Working In IE

I've applied css -webkit-text-security: disc; to mask the word as password, but it does not work in Internet Explorer. Here is my code: It is working on chrome but not in IE. Plea

Solution 1:

-webkit- is a vendor prefix:

Browser vendors sometimes add prefixes to experimental or nonstandard CSS properties and JavaScript APIs, so developers can experiment with new ideas while—in theory—preventing their experiments from being relied upon and then breaking web developers' code during the standardization process. Developers should wait to include the unprefixed property until browser behavior is standardized.

… used by the webkit rendering engine which is not used by Internet Explorer.

It is so experimental that it doesn't even appear in draft CSS specs. No other browser supports it, or a version of it with a different vendor prefix.

If you want to get that effect, you'll need to apply JavaScript (e.g. by using an invisible password field overlaid on an element for which you add bullet characters based on the length of the value of the input each time the input event fires.