Firefox按钮有填充，Chrome按钮没有

Question

如何让我的<button>在Firefox和Chrome中保持一致？是否有非条件 CSS解决方案？现在，即使YUI's CSS Reset填充0，Firefox的按钮也有额外的填充。

我发现要获得相同的外观，Chrome需要加倍填充。

            #fileActions button {
                padding: 0.2em;
            }

@media screen and (-webkit-min-device-pixel-ratio:0) {
            #fileActions button {
                padding: 0.4em;
            }
}

铬

火狐

Answer 1

Firefox为按钮提供了一种称为内焦点的功能，这使它可以绘制虚线焦点线。在forms.css中有一条规则，它给它1px的边框和2px的左右填充。我不知道是否可以从网页覆盖它。

Answer 2

很难说没有看到你的css，但如果你检查YUI重置的css，你会看到它没有设置或重置button元素的任何属性，除了继承的据我所知，这不包括填充。