トライデント<=9
内側のパディングbuttonアクティブへの要素のようなものを追加しているようです。Internet Explorerのボタン:アクティブな内部パディング
機能を無効にすることはできますか?
トライデント<=9
内側のパディングbuttonアクティブへの要素のようなものを追加しているようです。Internet Explorerのボタン:アクティブな内部パディング
機能を無効にすることはできますか?
更新:IE11 +、it can be removedについては。
いいえ、古いバージョンのInternet Explorerでは削除できません。 @Spudleyとして
は言った:あなたがその効果をしたくない場合は、button
要素を使用していない
。
それは本当に重要ならば、a
要素が唯一の選択肢であるが、それは本当にただこの問題を解決するためにを切り替える価値はありません。 Internet Explorerのユーザーはそれに慣れています。
Microsoft Internet Explorer 11+で修正できます。ボタンの内部要素にposition: relative
を使用します。
HTML:
<button><span>Submit</span></button>
はCSS:
button > span{position:relative}
お楽しみください!
<button><span>Submit</span></button>
button:active > span {
-ms-transform: translate(0px, -0.5px);
}
うん。それはIEでボタンがどのように機能するかです。これは、GUIウィジェット用の3DエフェクトのWindowXPスクールからのものです。その効果を望まない場合は、 'button'要素を使わないでください。 – Spudley
それはトライデントの "機能"ですか? – mate64
「テキストの動き」は正常ですが、スクリーンショットではテキストが正常以上に移動したようです。それは通常、約1ピクセルだけ上下に移動します。あなたのHTML/CSSは何ですか?それを含む[jsFiddle](http://jsfiddle.net/)が役に立ちます。 IEのどのバージョンですか? – thirtydot