firefox - Firefox 和 Chrome 的按钮宽度差异

Question

我知道有很多 FF/Chrome CSS 问题，但我似乎找不到这个确切的问题。

这是一个显示问题的 JS Fiddle：http: //jsfiddle.net/ajkochanowicz/G5rdD/1/

（为长 CSS 道歉，这是从网站上复制的。）

本质上，Firefox 和 Chrome 为按钮的最内层宽度提供了两个不同的值，4 和 6。我希望两者都为 4 或更少。这是什么原因造成的？

从火狐

score 5 · Accepted Answer

尝试添加下面的 css。Firefox 在按钮上添加了一个额外的填充。

input::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

score 2 · Accepted Answer

您没有指定width.auto

不同的渲染引擎对网站应该如何渲染有不同的看法。

如何将widthto4px和:hoverto 更改为您想要的任何内容？

2 回答 2