Изменить цвет рамки у input?

Question

[Denis338]

При нажатии на инпут должны добавиться два свойства css(border-color и box-shadow) этого элемента

Comments

[Дмитрий Полушкин]

Причём здесь JS?

Answer 1

[Андрей Чернышев]

input:focus {
  border-color: red;
}

Comments

[Denis338]

дело в том что, при нажатии на первый инпут("Имя") рамка у него изменяется, щелкнув на второй инпут("Телефон") рамка у него изменяется

[Serj-One]

Denis338: Что-что? Какое-то бредовое пояснение. Вам дали правильный ответ.

Answer 2

[keslo]

Вам привели код, который клеится на все элементы input. Если вам нужно добавить CSS к конкретному одному, то делайте дополнительную селекцию input в CSS.

Answer 3

[GM2mars]

input:focus {
  box-shadow: 1px 1px 2px 0 red;
}

:-P

Answer 4

[Keyten]

И кроме focus ещё active :)
К вопросу "при нажатии".

Answer 5

[Ilya Korablev]

input:focus{
border: 3px solid blue;
box-shadow: 1px 1px 2px 0 blue;
}

Пример использования тут