Как убрать иконку очистки и пароля на input в Internet Explorer 9 и 10? [дубликат]

583

07 января 2017, 14:44

На данный вопрос уже ответили:

Крестик очистки в IE 10 2 ответа

По-умолчанию IE 10 в input (type="text", type="email", type="url", type="number", type="tel", type="search") при фокусе показывает крестик для очистки содержимого поля, а для type="password" - иконку пароля.

Answer 1

Убрать этот крестик в IE 10 можно так:

::-ms-clear {
    display: none;
}

Или же так:

::-ms-clear {
    width: 0;
    height: 0;
}

А для поля type="password" значок можно убрать с помощью селектора ::-ms-reveal:

::-ms-reveal {
    display: none;
}

Вот только в Internet Explorer 9 эти значки будут портить всю верстку, так как IE 9 не поддерживает ::-ms-clear и ::-ms-reveal. Для решения этой проблемы можно абсолютно спозиционировать блок с белым фоном, которое «перекроет» лишние знаки в ваших input'ах.