firefox - FirefoxとChromeのボタン幅の違い

Question

FF / Chrome CSSの質問がたくさんあることは知っていますが、これを正確に見つけることができないようです。

これが問題を示すJSフィドルです：http：//jsfiddle.net/ajkochanowicz/G5rdD/1/

（長いCSSについてお詫びします、これはサイトからコピーされました。）

基本的に、FirefoxとChromeは、ボタンの最も内側の幅に2つの異なる値、4と6を与えています。両方とも4以下にしたいと思います。これを引き起こしているのは何ですか？

Chromeから

Firefoxから

score 5 · Accepted Answer

以下にcssを追加してみてください。Firefoxは、ボタンに余分なパディングを追加します。

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

score 2 · Accepted Answer

width以外を指定していませんauto。

レンダリングエンジンが異なれば、Webサイトのレンダリング方法も異なります。

に、そしてあなたが望むものに変更するのはどうwidthですか？4px:hover

2 に答える 2