html - 防ぐIE でのクリック時のシフトから

Question

IE8/9 で、ページに単純な要素があり、それをクリックすると (クリック中にマウスを押したままにして効果を確認します)、ボタンが少し下と右に移動します。

これは、デフォルトの IE スタイルの一部であると想定しています。とにかくこの動作を防ぐ方法はありますか?

http://jsfiddle.net/tmcconechy/hqm59/

Answer 1

IE ボタンでテキストの移動を停止できます。

button:active span, button:focus span {
    position:relative;
    top: 0;
    left: 0;
}

<button><span>no move</span></button>

http://jsfiddle.net/dQVA7/

Answer 2

テキストを上に置く<span>とposition:relative、修正されます。

button span{
    position: relative;
}

上と左の定義は必要ありません。

Answer 3

ボタンにいくつかのスタイルを適用できます。ボタン{ マージン: 0px; パディング: 0px;}