Firefox：CSS：按钮集中时改变风格

Question

有可能remove the extra Firefox-specific spacing from <button> tags。唯一的缺点是，当您将焦点对准键盘上的按钮时，轮廓将会丢失。

我非常想让我的按钮在Chrome，IE8，Firefox中保持一致。如果我可以使用CSS :hover，我可以使用相同的样式轻松地将按钮显示为焦点，从而消除Firefox间距和轮廓。

有什么办法可以在没有JavaScript的情况下做到这一点？我不在乎其他浏览器是否忽略这个规则。事实上，如果存在这样的事情，我更喜欢:-moz-focused，所以我可以确定它不会在其他浏览器中发生。另外，如果Chrome风格的外部辉光可以在Firefox中完成，那么这将是两倍的好。

Answer 1

实际上，有一个:focus选择器。这不是你需要的吗？

a:hover, a:active, a:focus { 
    border: 1px dotted #f00; 
} 

我做这个有相当不错的结果，但它是可能的点击和标签的正确组合与一个以上的元素拉闸突出显示（一个主动，另一个重点）。尽管您可能会考虑在悬停/活动和焦点之间进行视觉区分，但不会成为正常使用中的问题。

另请注意，在IE8和9中支持:focus，但不支持早期版本。 （quirksmode.org上的图似乎表明它不能在8中工作，但测试显示不然）。

Answer 2

为此，CSS有:focus选择器，其工作方式与:hover类似，但适用于具有焦点的元素。似乎没有一个Firefox特定的版本。