Подтвердить что ты не робот

Bootstrap 2.2.1 модальная ошибка - синяя граница вокруг вызова href?

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

Я нашел ошибку, которую я думаю с помощью Bootstrap 2.2.1.. когда вы закрываете модальный, ссылка href, которая называла ее , теперь имеет синюю рамку вокруг нее. Это происходит с кнопками, навигационными элементами, чем угодно. Это можно увидеть в самой демо-версии Bootstrap - нажмите синюю кнопку "Запустить демо-мода" в разделе "Модалы bootstrap-modal.js". После закрытия модала вы можете видеть синюю рамку вокруг кнопки.

http://twitter.github.com/bootstrap/javascript.html#modals

Эта проблема сводила меня с ума, я долгое время работал с CSS, а затем пробовал разные браузеры, пока я не понизился, а проблема выше на bootstrap 2.0.4.

Кто-нибудь знает, если это известная проблема с 2.2.1 или она присутствует с определенной версией?, или проблема здесь?

4b9b3361

Ответ 1

Это довольно простое исправление, если вы обнаружите, что такое свойство CSS. Я думаю, что это исходит из какой-то проблемы с модальным фокусом, и они решили изменить сгенерированный html. Вам необходимо определить следующий CSS. Это происходит из следующей ссылки .

.modal-open .modal,.btn:focus{
    outline:none!important
}

Надеюсь, это поможет! Я сделал jsfiddle результата (включая bootstrap css + js), поэтому вы смотрите живую демонстрацию, здесь. Обратите внимание: если вы используете что-то, что не является кнопкой, контур может вернуться, так как мы только применяем его там. Поскольку вы ссылаетесь на href, вероятно, вы вызываете модальную ссылку, и поэтому также должны запускать a:focus