どのようにFirefoxのボタンの敬意を埋めるようにするには? - css、google-chrome、firefox、padding

何らかの理由でFirefox button 要素はCSSを尊重していないようです padding あなたがそれらを作るとしても宣言 display: block

ChromeとFirefoxのJSFiddleをご覧ください: http://jsfiddle.net/DgeQ6/

Chromeではパディングがどのように機能するのかFirefoxでは動作しないことに注意してください。 Firefoxに注意を促すにはどうすればよいですか paddingbutton 要素?

私のマシン上でFirefoxをどのように見えるかのスクリーンショットです:

https://www.evernote.com/shard/s217/sh/dc349236-9a7e-46f2-ae77-3a7581fa78c1/ea90d1f4a880ba64257fdd744b9fabcf

パディングは20ピクセルにする必要がありますが、影響はありません。

回答:

回答№1は4

以下のBorisにはクレジットが必要ですが、OSレベルのボタンのスタイルを変更するには、-moz-appearance:noneを使用する必要があります。ここでは、 http://jsfiddle.net/DgeQ6/8/

HTML

<button class="btn-large">Hello</button>

CSS

.btn-large {
padding: 100px;
-moz-appearance: none;
}

また、Twitter Bootstrapは、パディングと一緒に「ボーダー半径」のスタイリングをするだけで、Firefoxのボタンに同じ効果をもたらすように見えることにも注意してください。


回答№2については2

それ自体で埋め込みはMacで動作しませんMacのネイティブテーマのボタンの見た目は、パディングをオーバーライドします。 Windowsでは、うまく動作します。私はLinux上で何が振る舞っているのかを思い出すことはできません。

これに対処する最も安全な方法は、 -moz-appearance: none あなたがネイティブテーマのルックをドロップしたい場合。


回答№3の場合は0

ここに画像の説明を入力

私のファイヤーフォックスではこのように見えます。


関連する質問
メニュー
最も人気のある