Как убрать синюю границу с input при фокусе?

Question

[Игорь]

Есть инпут без рамок, только с нижней границей. Про фокусе обводится все синей рамкой как и все кнопки и тд. Как избавиться от нее?

input:focus
    border: none

не катит

Answer 1

[Андрей Хохлов]

outline: none

Comments

[Игорь]

тогда нижний бордер убирает

[iBird Rose]

Игорь:

Как убрать синюю границу с input при фокусе?

хочу убрать. а теперь хочу вернуть?))

[Игорь]

iBird Rose: У инпута есть нижний бордер я писал) Синюю границу убрать, а нижний который по дизайну нужно же оставить

[Сергей delphinpro]

Игорь: ну так не убирайте нижнюю границу! Уберите только outline..

[Игорь]

Сергей: Да. Так работает. Это я затупил когда пробовал. Извините. И спасибо всем

[Сергей delphinpro]

Игорь: и не забудьте добавить какое-свой дизайнерское отображение для состояния :focus, раз уж убираете дефолтное. Иначе при перемещении клавиатурой по полям будет неясно какое поле или кнопка в фокусе.

[Сергей delphinpro]

*какое-то своё

[Игорь]

Сергей: Добавлю. По дизайну там нижняя граница цвет меняет. Спасибо вам большое!!!