Пунктирная граница вокруг ссылки?
После того, как вы прочитали все пунктирные граничные вопросы, и, не найдя ответа, я напишу свой вопрос ниже.
Как удалить пунктирную границу вокруг div, когда я нажимаю на ссылку внутри нее?
На этом изображении показано слово "фотография", при нажатии которого пунктирная рамка.
Основы этого - просто выпадающий список, который появляется, когда на этот раздел нажата кнопка, которая работает абсолютно нормально, я просто не могу выдержать эту границу, делает мой ореол.
Есть идеи?
Это состояние focus
. Попытайтесь добавить это:
a:focus {
outline: none;
}
Или, если этот элемент не является реальной ссылкой, но, например, просто li
, сделайте это
li:focus {
outline: none;
}
Вы можете использовать свойство css ниже.
a, a:hover, a:active, a:focus {
outline: 0;
}
Прочтите эту статью - https://css-tricks.com/removing-the-dotted-outline/ и http://www.outlinenone.com/ для получения дополнительных разъяснений