Убираем нативный крестик в поле ввода под IE

Во время ввода в текстовом поле IE появляется «крестик», который позволяет очистить поле в один клик. Иногда стиль, и вообще наличие этого крестика, не соответствуют вашему дизайну или логике работы поля. Разбираемся, как его убрать.

Режим совместимости в IE не позволяет определить когда был введен этот псевдоэлемент, но начиная с версии Internet Explorer 10 поддерживаются стили псевдоконтейнера ::-ms-clear.

В стили можно добавить, к примеру:

чтобы отключить показ крестика.

Список поддерживаемых свойств ограничен, при желании можно задать цвет крестика:

Мало букафф? Читайте есчо !

Переносы элементов сетки bootstrap разной высоты (фикс для версии 3.x)

Май 2, 2021 г.

В третей версии бутстрапа используется выравнивание элементов сетки col-* с помощью свойства float: left;. Пока элементы в сетке имеют одинаковую высоту, ...

Читать

Убираем подсветку поля при фокусе ввода в Chrome

Май 18, 2018 г.

В браузерах на движке chromium (Chrome, Opera) по умолчанию есть "подсветка" поля, получившего фокус ввода. Смотрим как убрать данный стиль. Давайте ...

Читать

Квантование ширины: способ балансировать текст в кнопках на CSS

Сентябрь 25, 2025 г.

Иногда кнопки на сайте содержат очень разный по длине текст. С коротким текстом всё просто: он помещается в одну строку и выглядит аккуратно. Но как только ...

Читать

Размещаем блок по центру, используя CSS

Март 29, 2016 г.

Для центровки блока средствами CSS  оперируют его внешними отступами. К примеру, такой CSS код будет центрировать контейнер DIV внутри родительского. [crayon-6a1801ce7d887438344727/] Ключевым является значение auto для левого и правого отступов. ...

Читать
 

Комментарии к «Убираем нативный крестик в поле ввода под IE»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: