IEボタンで余分なパディングを削除する

Question

私のウェブサイトにはたくさんのボタンがあります。 Chromeで見ると、ボタンの幅は動的ボタンのテキストに収まるだけですが、IEでは余分なパッドが左右に生成されることがわかります...

これらの詰め物を取り除く？ありがとう。

Answer 1

reset cssを使用すると、ブラウザの不一致を避けることができます。 reset.css

Answer 2

ため

参照してくださいhttp://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

訪問http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/は少し遅くなるかもしれませんが、今日は非常に同じ問題のためにSOを検索するとき、私はthis questionを見つけました。明らかに、これは本当の埋め尽くされていない（ある意味では、それはpadding:0pxによってオフにすることはできません）。 （偽のパディングがボタンのテキストの長さO_oでどのように拡大するかに注意してください）。幸いにも、hereのように簡単な解決策があります。

基本的には、ボタンにoverflow:visible;を追加するだけです（そこには、width:auto;は必要ありません）。尋ねないでください - あなたがこれがすべきだと思っていたことは絶対にありませんが、それはIE Landです。あなたのボタンが表のセルの中にあるとき、これは明らかに機能しません。

誰かが既にこれをいくつかのグローバル宣言に含めているので、CSSリセットがこれを解決したと思います。この答えを追加するだけで、どのように、なぜその理由が明らかになったのでしょうか。

人を放棄しないでください - 私たちの子供たちはIEの癖を持たない世界を見るでしょう。

Answer 3

余分な文を表示してIEで余分なスペースを避けるために管理：ブロック;私は幅を使用しませんでした

.menu button{ 
    display:block; 
    width:100%; 
    padding:0; 
} 

注：そうのようなCSSで、それは私の場合はオプションではありませんでしたとしてオート - ボタンは空で、幅は親のdivから取得されます。