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

Question

如何<button>在Firefox和Chrome中使我的内容保持一致？是否有非条件的 CSS解决方案？现在,即使YUI的CSS重置填充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 的左右填充。我不知道是否可以从网页覆盖它。