Как я могу избавиться от входной границы в хром?

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

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

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

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

outline: none;

input, select {
    outline: none;
}

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

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

Например,

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

Выше будет удалять контурную границу в хромовых и сафари-браузерах в фокусе элемента формы.

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

input:focus {
    box-shadow: none;
}