изменить цвет при наведении

Question

У меня есть кнопки, и они меняют цвета при наведении.Но я пытаюсь сделать так, чтобы кнопка оставалась с измененным цветом после наведения на нее, пока не будет нажата другая кнопка.Я прочитал пост, в котором говорилось, что нужно использовать: focus, но это реализация, которая работает только при нажатии кнопки, а не при наведении мыши.

Любая помощь приветствуется.

Answer 1

Вот как это сделать в jQuery:

$('.button').mouseover(function(event) { // mouseOver event on all buttons with class .button
  $('.button').css({background:"green"}); // reset all buttons' color to default green
  $(event.target).css({background:"red"}); // change current button color to red
});

Answer 2

html:
<a class="test" href="#" onmouseover="changeColor(this);">test</a>
<a class="test" href="#" onmouseover="changeColor(this);">test2</a>

js/jquery:
function changeColor(obj) {
   $('.test').css({background:"none"});
   obj.style.backgroundColor="green";
}