Во время ввода в текстовом поле IE появляется «крестик», который позволяет очистить поле в один клик. Иногда стиль, и вообще наличие этого крестика, не соответствуют вашему дизайну или логике работы поля. Разбираемся, как его убрать.
Режим совместимости в IE не позволяет определить когда был введен этот псевдоэлемент, но начиная с версии Internet Explorer 10 поддерживаются стили псевдоконтейнера ::-ms-clear.
В стили можно добавить, к примеру:
|
|
input::-ms-clear { display: none; } |
чтобы отключить показ крестика.
Список поддерживаемых свойств ограничен, при желании можно задать цвет крестика:
|
|
input::-ms-clear { color: #f00; // красный цвет } |
Данная запись опубликована в 13.05.2018 19:46 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Декабрь 27, 2017 г.
Оформление элементов формы - это старая проблема. Ситуация несомненно улучшается, но финала пока не видно. С появлением псевдо-контейнеров :after и :before ...
Читать
Февраль 6, 2021 г.
Перефразируя устойчивое выражение: broken image happens. И раз уж они все равно могут появиться на вашем сайте, то с ними нужно что то делать, т.е. как ...
Читать
Апрель 4, 2023 г.
VS
Задача: eсть текст, хочется не просто подчеркнуть (text-decoration: underline), а сделать это красиво.
Вместо зеленой полоски, смотрящейся ...
Читать
Апрель 18, 2025 г.
Здесь мы разбираем CSS анимацию - мерцание.
Это статья из цикла заметок по CSS анимации и эффектам.
Эта анимация создаёт эффект мягкого свечения вокруг элемента, будто он излучает свет. Часто используется для привлечения внимания к кнопкам, ...
Читать