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