如何删除Firefox的虚线轮廓在BUTTONS以及链接？ [英] How to remove Firefox's dotted outline on BUTTONS as well as links?

问题描述

我可以让Firefox在链接上不显示丑陋的焦点轮廓：

  a：focus {
 outline：none; 
} 
  

但是如何为< button> ; 标签？当我这样做：

  button：focus {
 outline：none; 
} 
  

当我点击它们时， p>

（是的，我知道这是一个可用性问题，但我想提供自己的焦点提示，这是适合的设计，而不是丑陋的灰色点）

解决方案

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

I can make Firefox not display the ugly dotted focus outlines on links with this:

a:focus { 
    outline: none; 
}

But how can I do this for <button> tags as well? When I do this:

button:focus { 
    outline: none; 
}

the buttons still have the dotted focus outline when I click on them.

(and yes, I know this is a usability issue, but I would like to provide my own focus hints which are appropriate to the design instead of ugly grey dots)

解决方案

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

这篇关于如何删除Firefox的虚线轮廓在BUTTONS以及链接？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！