Якорные теги не работают и остаются выбранными до тех пор, пока я не нажму снова

Question

Я создаю какую-то панель управления, которая дает разные статусы данных. Если вы щелкнете по статусу, должны быть показаны только объекты с этим статусом. Прямо сейчас у меня все еще есть

<a href="#">*TEXT*</a> 

для всех якорей. Но когда я нажимаю на них, мой URL-адрес не изменяется, и когда я перемещаю свой курсор в другое место, текст по-прежнему подчеркивается.

Первое правило подчеркнуты в изображении висение, последний из которых является один я нажал раньше. Теперь только после того, как я щелкнул где-то еще, даже пустые части на веб-сайте, подчеркивание уходит.

Кто-нибудь знает, почему это происходит и как я могу это исправить?

Заранее спасибо.

JSFIDDLE: http://jsfiddle.net/xcjufs6e/

Answer 1

Я был в состоянии решить эту проблему, добавив следующие строки в CSS

.conexio-info-message a:focus { 
    text-decoration: none; 
} 

.conexio-info-message a:focus:hover { 
    text-decoration: underline; 
}