【问题标题】:Dotted border appearing after link click点击链接后出现虚线边框
【发布时间】:2016-03-23 06:20:31
【问题描述】:

单击时,超链接周围会出现虚线边框。我想删除出现在链接周围的虚线边框(仅在 Firefox 中发生)。我将以下样式应用于锚标记:

a, a:hover, a:link, a:active {
    text-decoration: none;
    color: #777777;
}

链接显示正常>单击链接>出现此框>单击外部某处时消失

网址:http://www.boxleak.in/ritgan

P.S.:Bootstrap 也包括在内。

【问题讨论】:

  • 尝试文字装饰:无!重要;
  • 试过了。没用。
  • 试试a:focus { border: none; outline: none;
  • @freestock.tk : 谢谢这个作品!!

标签: css twitter-bootstrap-3


【解决方案1】:

锚链接(<a>'s)默认情况下在它们周围有一个虚线轮廓 他们变得“活跃”或“专注”。

试试

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

阅读 - https://css-tricks.com/removing-the-dotted-outline/

【讨论】:

  • @Ankit 如果答案对您有所帮助,请考虑将此答案标记为已接受。谢谢:)
【解决方案2】:

基本上它是<a> 标签的默认焦点样式。使用 a:focus 可以移除该边框。

a:focus {
 outline: none;
}

【讨论】:

    猜你喜欢
    • 2017-07-20
    • 2011-09-05
    • 2022-01-26
    • 1970-01-01
    • 2012-06-04
    • 2011-05-16
    • 2011-05-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多