Bootstrap: проблема

Вопрос-ответ HTML/CSS
1

Всем доброго времени суток, форумчане :v:

Проблема: при нажатии на ссылку ЛКМ, колесиком или ПКМ > Открыть ссылку в новой вкладке, происходит “залипание” нажатия, в итоге ссылка остается нажатой.
Для отмены нажатия, нужно кликнуть в любом месте, то есть сбросить фокус.

http://ah6y.github.io/
JSfiddle

Эта проблема или “фича” самого bootstrap.
Пробовал вбивать в google, но ничего не нашел.
Мне не нравится такое поведение, пользователь будет думать, что что-то работает некорректно.
Как избавиться от данной проблемы?

Спасибо

2

Проблема с состоянием :focused у ссылки. Создай правило a:focused {text-decoration: none;}

3

Наверное ты хотел написать

a:focus {}

Я пробовал, не работает, дело в том, что ссылка остается нажатой, то есть тут дело в не text-decoration

4

да, ошибся. Ну я подставляю в Developer Tools этот стиль и залипание пропадает.

5

Там дело не только в подчеркивании, но и в изменении цвета

Я полагаю, что они сделали такую “фичу”, что при клике ссылка залипает и находится в состоянии нажатия, вплоть до смены фокуса.

6

только что проверил у себя на проекте, у меня оказывается тоже такая фича есть)

7

Вот-вот :smile:

Это по всему бутстрапу такая “фича”.
И как от нее избавиться мне пока что не ясно.

8

Все правильно, ссылка остается в фокусе, пока не кликнешь в другое место страницы. Это нормальное поведение. Что бы визуально этого было не видно, можно перебить стили на a:focus - поставить свой цвет ссылки и убрать подчеркивание - http://jsfiddle.net/gj3110o1/1/
Еще можно убрать вот эти стили из bootstrap.css, но наверное это не лучшее решение, т.к. если библиотека будет обновляться на проекте, то это перетрется и придется по новой фиксить.

1 лайк
9

Лучше перезаписать в отдельно подключаемом файле