-webkit-text-security: диск; не работает в IE

Question

Я применил css -webkit-text-security: disc; маскировать слово как пароль, но оно не работает в Internet Explorer.

Вот мой код:

.hide{
-webkit-text-security:disc;
}

<h1 class="hide">HideMe</h1>

Он работает на Chrome, но не в IE. Пожалуйста, дайте мне решение. Спасибо.

Answer 1

-webkit- является префиксом поставщика :

Производители браузеров иногда добавляют префиксы к экспериментальным или нестандартным свойствам CSS и API-интерфейсам JavaScript, поэтому разработчики могут экспериментировать с новыми идеями, в то время как теоретически они не позволяют полагаться на свои эксперименты, а затем нарушают код веб-разработчиков в процессе стандартизации. Разработчики должны дождаться включения свойства без префикса, пока поведение браузера не будет стандартизировано.

… используется механизмом рендеринга webkit, который не используется Internet Explorer.

Это настолько экспериментально, что даже не появляется в черновиках спецификаций CSS. Ни один другой браузер не поддерживает его или его версию с другим префиксом поставщика.

Если вы хотите получить этот эффект, вам необходимо применить JavaScript (например, с помощью невидимого поля пароля, наложенного на элемент, для которого вы добавляете маркеры в зависимости от длины значения ввода каждый раз, когда input событие пожаров.