помогите подправить css

[zoolos]

Сайт: auto.maccen.com это тестовый

вопрос в том, что вверху есть логотипы, они при наведении подсвечиваются желтым квадратом, как сделать так, чтобы этот желтый квадрат оставался когда активная ссылка (чтобы видно было на каком логотипе стоим).

в CSS прописал:

.color_ramka_brands img{
  border: 1px solid #ccc;
}
.color_ramka_brands img:hover {
border: 2px solid #F6CA29;
}

как на картинке чтобы было.

[zoolos]

а как правильно сделать? в самом tpl в ручную прописать еще дополнительный стиль?

[Bazilio]

попробуйте .color_ramka_brands img:active

[zoolos]

когда нажимаю то да, появляется рамка (я красную сделал)

.color_ramka_brands img{
  border: 1px solid #ccc;
}
.color_ramka_brands img:hover {
border: 2px solid #F6CA29;
}
.color_ramka_brands img:active  {
border: 2px solid red;
}

Но после загрузки не становится красной :(