Во время ввода в текстовом поле IE появляется «крестик», который позволяет очистить поле в один клик. Иногда стиль, и вообще наличие этого крестика, не соответствуют вашему дизайну или логике работы поля. Разбираемся, как его убрать.
Режим совместимости в IE не позволяет определить когда был введен этот псевдоэлемент, но начиная с версии Internet Explorer 10 поддерживаются стили псевдоконтейнера ::-ms-clear.
В стили можно добавить, к примеру:
|
|
input::-ms-clear { display: none; } |
чтобы отключить показ крестика.
Список поддерживаемых свойств ограничен, при желании можно задать цвет крестика:
|
|
input::-ms-clear { color: #f00; // красный цвет } |
Данная запись опубликована в 13.05.2018 19:46 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Май 5, 2017 г.
Модальные окна Bootstrap всем хороши, но имеют одну досадную недоработку - нет вертикальной центровки.
Выглядит это недоразумение вот так:
...
Читать
Октябрь 22, 2017 г.
Замечательные псевдо-классы, которые позволяют добавить виртуальные контейнеры в начало или конец контейнера. Как они работают и почему могут "не сработать"? ...
Читать
Апрель 16, 2019 г.
В лендинговой верстке дизайнеры часто прибегают к следующему приему - фон одного или нескольких блоков растягивается на всю ширину документа. При этом ...
Читать
Март 29, 2025 г.
Иногда требуется, чтобы стили или часть стилей, формируемых миксином, добавлялись однократно.
Например, ваш миксин добавляет анимацию и при этом объявляет блок @keyframes, который не зависит от параметров и для всех анимированных блоков одинаков. ...
Читать