链接周围的虚线边框?

时间:2017-03-01 13:00:04

标签: html css

在阅读了所有虚线边框问题后,我没有找到答案,我在下面写下我的问题。

当我点击其中的链接时,如何删除div周围的虚线边框?

This image shows the word "photography", which has a dotted border when clicked on.

这背后的基础知识只是一个下拉列表,当点击该部分时出现,它完全正常,我无法忍受那个边界,我的坚果。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

这是focus州。尝试添加:

a:focus {
  outline: none;
}

或者,如果该元素不是真正的链接,例如只是li,那就

li:focus {
  outline: none;
}

答案 1 :(得分:0)

您可以使用以下css属性。

a, a:hover, a:active, a:focus {
    outline: 0;
}

请阅读此文章 - https://css-tricks.com/removing-the-dotted-outline/http://www.outlinenone.com/以获得更多说明