Как присвоить цвет рамки input при фокусе?

Question

[MaksSmag]

Изначально с моими стилями цвет рамки тёмно - синий, а при клике - белый. Не вписывается этот цвет в дизайн, как это исправить?
P. S. :focus не даёт эффекта.

Answer 1

[Дима Долготер]

input:focus{
outline: 2px solid red;
}

Comments

[MaksSmag]

Спасибо, не знал о таком свойстве) Даже задумался, border зачем нужен в css.

[Глюкъ Виртуален]

Не сработает, если используется что-то типа Bootstrap Selectpicker.

[Дима Долготер]

MaksSmag, бордер добавляет ширну, а outline нет.

Answer 2

[Глюкъ Виртуален]

Изменяя в своем дизайне привычные пользователю стили, вы дезориентируете его. Он уже привык к тому, что при фокусе у поля будет такой-то цвет, а при нажатии на кнопку — этакий.
Оставьте этот момент на совесть браузера и уделите освободившееся время фиксам ваших багов.

Comments

[MaksSmag]

Не согласен.