如何删除 Firefox 中按钮和链接上的虚线轮廓？

如何删除 Firefox 按钮和链接上的虚线轮廓

了解问题

何时在 Firefox 中浏览网页时，您可能会遇到按钮周围烦人的虚线轮廓并在获得焦点时进行链接。此默认行为可能有损设计的美感。

删除链接上的虚线轮廓

要删除链接上的虚线轮廓，您可以使用以下 CSS 规则:

a:focus {
    outline: none;
}

删除虚线轮廓按钮

对于按钮，简单的按钮：焦点{轮廓：无; } 规则可能还不够。除了从元素本身中删除轮廓之外，您还必须从内部焦点环中删除轮廓，Firefox 使用该焦点来指示焦点。这可以通过以下规则来完成：

button::-moz-focus-inner {
  border: 0;
}

注意

虽然在技术上可以隐藏焦点轮廓，但这是一个可用性问题。删除轮廓可能会使用户难以识别哪个元素具有焦点。考虑提供适合您设计的替代焦点提示。

以上是如何删除 Firefox 中按钮和链接上的虚线轮廓？的详细内容。更多信息请关注PHP中文网其他相关文章！