IE 8は、クリックされたときに入力ボタンのテキストを移動します。

Question

<input type="button" value="Button" /> 

IEは、デフォルトでボタンがクリックされたときにテキストを1pxずつインデントします。 ちょうど CSSでこれを止める方法はありますか？

私はこのボタンに自分のスタイルを追加しています。ボタンのテキストをクリックするまではすべて素晴らしいです... IEは私のスタイルシートで定義されているアクティブ状態を無視するようです。しかし、テキストではなくボタンをクリックすると、IEは：アクティブ状態を実行します。もちろん、私が何をしているにしても、テキスト移動の問題はまだ存在しています。

アイデア？

Answer 1

スタイリングされたAタグを使用すると、この全体の「押し下げられた」状態の問題が完全に回避されます。 display:blockといくつかのCSSを使うと、どんなボタンとまったく同じようにAタグをスタイルすることができます。

Answer 2

私はあなたが使用しているIEのバージョンを知っているが、またButton background shift をしようとしていない、上の要素からパディングを変更allicarnから、具体的な答え、Remove 3D push effect on buttonをチェックアウト：アクティブに。 IFブロックのように、IE固有のケースにCSSを入れることを忘れないでください。

Answer 3

私は同じ問題を抱えていて、すべてのブラウザで機能するソリューションを発見しました。

私は境界線、フォントファミリとサイズ、およびパディングを変更した2つのフォームボタンがありました。私がIEでそれらをクリックすると、IEは私の意見では馬鹿だから "飛び降りる"だろう。他のすべてのブラウザでは、私が見つけた解決策だった

...正しくないユーザーがそれらをクリックしたときに移動するボタンで表示上の問題を持っているボタンのスタイルを設定するように見えた：

スタイルフォームのボタンを、それらのそれぞれが持っているように、等しいマージンを置き、あなたの好みに相殺される位置またはマージンを持つラッパー分割を適用します。

#myButton { 
     font-family: Times New Roman; 
     font-size: 16pt; 
     border: 2px solid #f7f6f4; 
     margin: 20px; 
     padding:15px; 
    } 



    <div style="float:right;margin-right:75px;"> 
     <input type="submit" name="myButton" id="myButton" value="Don't Jump!" /> 
    </div>