Как сделать чтобы при нажатии на одну кнопку, менялся цвет другой?

Question

[Андрей Чирков]

Как сделать чтобы при наведении, либо нажатии одна кнопка меняла цвет другой? Что-то похожее на свитчер, но только кнопками. Менять цвет класса другой кнопки в режиме hover одной не получается, ниче не происходит. Может кто знает решение по-лучше.

В гугле искал, но видимо не так обьясняю, там совсем не то что нужно, надеюсь вы меня поймете

Comments

[Steppp]

Хоть напиши чуть чуть html! Так то может у тебя одна кнопка в хедере другая в футере, и тут уже без js не обойтись

[Андрей Чирков]

Steppp, да кнопки в одном блоке, рядом друг с другом

[Андрей Федоров]

Андрей Чирков, насколько принципиально использовать именно тег button, а не имитацию кнопки?

[Андрей Чирков]

Андрей Федоров, я использую тег a

[Андрей Федоров]

Андрей Чирков, тогда без js не обойтись.

[Steppp]

Андрей Чирков,
сделай их

<input type="radio" id="a" name="q" value="123">
    <label for="123">123</label>

    <input type="radio" id="b" name="q" value="321">
    <label for="321">321</label>

и стилизуй

input:checked {
 background: ... ... ... 
 color: ... .... ....
}

[Андрей Чирков]

Steppp, щас попробую

[Steppp]

Андрей Федоров,
Это для симантики!

Как говорил мой учитель :
Делай всегда кнопки, если по эта кнопка должна вести на другую страницу, то это ссылка

[Андрей Федоров]

Steppp, автор говорит, что ему button принципиален. Если вы будете в label вставлять button, то label не сработает. В прочем можно попробовать наоборот, label вставить в button.

[Steppp]

Андрей Чирков, Вообщем или на input или на js!

Answer 1

[vjufvufcgyf]

Используй JavaScript (меняй цвет) и событие текста onclick (обрабатывай нажатие)