html - 避免点击链接周围出现虚线边框

标签 html css

单击时我有一个链接(实际上是一个下拉菜单链接)我在该链接周围有一个虚线边框。

我怎样才能避免这种行为?

enter image description here

谢谢。

最佳答案

使用 CSS :focus:active 说明符:

.yourclass:focus, .yourclass:active {
    outline: 0; /*make sure no outline appears*/
}

还有一个小的工作演示:little link .

希望这对您有所帮助!

关于html - 避免点击链接周围出现虚线边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12234653/

相关文章:

jquery - 将富文本粘贴到内容可编辑的 div 中,仅保留粗体和斜体格式

javascript - 使用 Javascript 将 img 元素拆分为四个大小相等的较小 img 元素

javascript - 如何格式化打包为单行的脚本?

html - CSS last-child 不覆盖父边界

css - 调整子级 div 高度,使其与父级/兄弟级相同

javascript - 通过 AJAX 将 HTML 转换为 PHP 表单输入

javascript - 光标 :pointer not working on input type file

html - 无法在 li 元素上应用显示属性

javascript - .hover() Jquery 需要帮助

php - mov 和 mp4 文件在浏览器中播放