0

http://jsfiddle.net/q6dgv/

<button type="submit" style="padding: 10px;">Button</button>

パディングはありませんが、次のようになります。

<button type="submit" style="padding: 10px; background: #ff0000;">Button</button>

パディングがあります。

これはFFのバグでしょうか？他のブラウザでテストしましたが、期待どおりに動作します。他のcssも試しましたが、効果はなく、背景だけです。

Ok。それで、誰も答えていないので...ボタンのリセットは何ですか？デフォルトの境界線、ボックスシャドウなどを取り除く方法。境界線やアウトラインなどを使用せずに背景を適用しても、ボタンはリセットされません。

4

1 に答える 1

1

OS /ブラウザのデフォルトのスタイル設定の実行方法は、CSSの動作方法やCSS自体がサポートする方法とは異なります。ボタンの背景を変更すると、デフォルトのスタイルの他の側面を適用したままにするのはおそらく難しいか、不可能ですらあります。

デフォルトの境界線とパディングを削除するには、通常、次のコードが使用されます。

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

::-moz-focus-innerFirefoxで暗黙の余分なパディングを取り除くには、pseudoelementが必要です。

于 2012-12-14T18:50:41.917 に答える