Как избавиться от границы ввода в Chrome?

Question

В Chrome мой дизайн имеет светлую границу или контур по краям поля ввода поиска. Как мне от этого избавиться?

Answer 1

Если вы имеете в виду синее "свечение", добавьте этот CSS:

outline: none;

Answer 2

form#search input[type="search"] { 
    -webkit-appearance: none; 
}

Имейте в виду, что это отключит стрелку элемента выбора.

Answer 3

input, select {
    outline: none;
}

Это отключит контур браузера для всех обычных элементов формы.

Answer 4

Этот фрагмент работал для меня:

input:focus {
    box-shadow: none;
}

Answer 5

Эй, контур легко удалить. Просто установите none для свойства outline поля ввода в css.

Например,

form input[type=text]:focus, form input[type=password]:focus, textarea:focus {
    outline: none;
}

Выше будут удалены границы контура в браузерах Chrome и Safari при фокусе элемента формы.