CSS – Убираем псевдоэлементы глаз EDGE и IE 10+

CSSВ этой статье мы с вами научимся избавляться от псевдоэлементов глаз и крестика из полей ввода логина и пароля. Майкрософт решили начиная с версии IE 10 в поля типов text и password добавлять псевдоэлементы. Когда работаешь на большом проекте, и кнопки “глаза” у тебя свои, то элементы майкрософта тут совсем не в тему.

CSS – Убираем псевдоэлементы EDGE и IE 10+

В целом это удобно, приятно и не требует дополнительных строк кода. Но когда проект имеет везде свои иконки и микроэлементы графики, которые граничат с псевдоэлементами от компании майкрософт – начинаются пляски с бубном. Честно говоря, это сильно бесит, раздражает и приносит огромное количество неудобств и негодований. В итоге, для того, чтобы избавиться от этих элементов необходимо в main.css (если у вас таковой имеется) прописать следующее:

И все! Самое главное это написать стили в нужном месте, иначе ничего не получится.

Надеюсь, что эта информация вам помогла справиться с вашей проблемой. Кстати, забыл подметить, в браузерах chrome, firefox, safari, opera и т.д. Эти иконки не отображаются! Они работают исключительно в Microsoft продуктах.

Спасибо за внимание, и не забывайте про нашу группу в ВК и канал на ютубчике!

0

Автор публикации

не в сети 1 день

Vapi

0
Комментарии: 19Публикации: 76Регистрация: 14-04-2017

Поделиться в соц. сетях:

Понравилась статья? Поблагодари автора, накорми печеньками! :)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *