Убираем выделение полей input и textarea в Chrome

Иногда требуется убрать выделение полей формы чтобы не нарушать дизайн сайта.

Chrome по умолчанию выделяет поля для заполнения окантовкой(рамкой) при фокусе. Используем селектор *:focus. Именно он отвечает за поведение того как себя ведёт поле ввода при фокусе. Для этого необходимо установить ему значение

Пример :

 

textarea:focus, input:focus{
outline: none;
}

 

Также можно задать цвет поля автозаполнения

 

input:-webkit-autofill {
    color: #ffffff !important;
}





Комментарии (1)

27 июня, 2016  Автор: Гость
Оказывается все так просто) Спасибо)