css – Firefox按钮有padding,Chrome按钮没有

如何让我的<按钮在Firefox和Chrome中看起来一致？有没有条件的CSS解决方案？现在,Firefox的按钮有额外的填充,即使 YUI’s CSS Reset填充为0.

我发现要获得相同的外观,Chrome需要加倍的倍数.

#fileActions button {
                padding: 0.2em;
            }

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

铬

火狐

解决方法

Firefox提供了一些叫做内部焦点的按钮,这样就可以绘制虚线对焦线. form.css中有一个规则,它给出了1px的边框和2px左右的填充.我不知道是否可以从网页覆盖这个.

原文地址：https://www.jb51.cc/css/216403.html