如何让我的<按钮在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左右的填充.我不知道是否可以从网页覆盖这个.
