Button CSS按钮调整

我已经构建了一个定制的

，它完全使用CSS和CSS3进行样式化。除了一些因浏览器而异的视觉困扰外，一切都很好

我注意到，在Internet Explorer和Firefox中，按下我的按钮后，按钮文本周围可见一个虚线边框，如下所示：

Chrome或Opera的情况并非如此

此外，在Internet Explorer和Opera中单击按钮时，按钮文本会移动，以指示用户单击了按钮：

这不是Chrome或Firefox中的问题

---

CSS中是否有方法在上述浏览器中删除虚线边框和移动文本？

能否在按钮上显示当前CSS？我想这样的东西可以解决你在Internet Explorer中的问题，但不确定FireFox

a.button:active, a.button:selected, a.button:visited { 
    border: none;
    outline: none;
}

---

是的，它修复了IE中的

outline

属性，但没有修复Firefox中的虚线边框问题。我实际上在按钮上使用了边框，所以我没有应用第一个建议。谢谢你，瑞安！在Firefox中，当你点击某个东西后，如果你没有进入一个新的页面或其他东西，你的注意力仍然停留在那个按钮上。然而，你想要的是：聚焦风格。相反，你可以有一个完整的风格：不包括大纲的焦点。这样，键盘手就得到了爱，虽然：focus风格仍将保留在FF（和其他一些浏览器）中，但它不会是富丽堂皇的轮廓。