Firefoxのボタンが大きいのはなぜですか?

.ui_btn , .sub_txt {
margin: 2px 0px 2px 3px;
background:#181c18;
cursor: pointer;
display: inline-block;
text-align: center;
text-decoration: none;
text-transform:lowercase;
}

.ui_btn input, .sub_txt input , .disabled input{
border-spacing: 0px; 
background: none;
color: #fff;
outline:0!important;
margin:0!important;
cursor: pointer;
display: inline-block;
font-weight: bold;
border: 1px solid #181c18;
font-family: Arial, sans-serif;
font-size: 11px;
padding: 7px 6px!important;
white-space: nowrap;
text-transform:lowercase;
line-height: 12px!important;
}

これは私のボタンです:


Firefoxの結果ボタンには次のようなものがあります:

padding: 9px 8px!important;

Mozillaブラウザに特別なパラメータを定義していない解決法はありますか?

8

3 答え

ありがとう、もし@ fug3llaが私を受け入れることができないなら、私は正しい答えが一番上に残ることを確認するためにあなたをアップアップすることができます。;-)
追加された 著者 kasimir,
どういたしまして。アップアップし、あなたのために働いた答え(「上向きの矢印」と「0」の下のフック)を受け入れる必要があります。彼が最初だったので、私はカシミールを勧めます。
追加された 著者 Boldewyn,
公正であるために、私はあなたのアップアップをすべきです...やった;-)
追加された 著者 Boldewyn,
ありがとう、それは動作します
追加された 著者 user1018209,

Firefoxでは、入力ボタンに余分なパディングがありますが、これが解決するのに役立ちます:

/* Remove button padding in FF */
button::-moz-focus-inner {
    border:0;
    padding:0;
}

Also, this question seems more or less the same (above code is suggested there): CSS: Size of buttons in Chrome is different than Firefox

9
追加された
ありがとう、それは動作します
追加された 著者 user1018209,

スタイルシートでreset.cssを使用すると、ロード時にすべてのブラウザのデフォルト値を設定できるようになり、firefoxボタンは大きくなりません。私はこれを使います:

http://meyerweb.com/eric/tools/css/reset/

1
追加された
それは私がやることです、最良の方法は、直接Firefoxのためのパラメータを定義することかもしれませんが、私は最初に誰かがここに答えるようにバインドされて見て分待つでしょう。
追加された 著者 Aaron Lee,
まだ同じサイズ= \
追加された 著者 user1018209,