Здравствуйте у меня вопрос по поводу HTML CSS JS

Question

Здравствуйте у меня вопрос по поводу HTML CSS JS

Mmgkgm Mmgkgm Знаток (470), на голосовании 1 год назад

...Собираю я вёрстку и захотел сделать так, что бы нажимая на button его цвет менялся, но при условии, что у button есть background-color:.
...Я в YouTube видео нашёл где делают, нечто подобное, почему-то, прим имеющемся background-color перестаёт работать.
...Помогите, пожалуйста.

https://www.youtube.com/watch?v=zh1xus05Kl8&list=LL&index=3&t=260s

Answer 1

Учитывая, что на кнопке можно фокусироваться, все очень просто.

 .btn { 
   background-color: red; 
} 
 
.btn:focus { 
   background-color: blue; 
}

Или же через js... тогда повторный клик будет менять цвет, а не потеря фокуса.

 .btn { 
   background-color: red; 
} 
 
.btn.active { 
   background-color: blue; 
}