css - IE での送信ボタンのスタイル

Question

Internet Explorer の送信ボタンの動作について質問があります。ページをロードすると、すべて問題ありません。送信ボタンは正常に表示されます。

しかし、フォーム内をクリックすると、送信ボタンに気に入らないスタイルが追加されます (詳細については、画像を参照してください)。

この動作を無効にするにはどうすればよいですか。VistaでIE7を使用しています。

score 5 · Accepted Answer

CSS:

input:focus, 
input:active, 
input:hover 
{ 
   outline: none; 
   border: 1px solid; 
}

保証はありませんが、これでIE がばかになるのを止めるはずです。

上記のスタイルを少し拡張する必要があります。たとえば、背景色または境界線の色を変更して、フォーカスを示す別の変更を加えます。

（タブを押すと、移動するのがわかります;）、追加のスタイルは、 ENTER を押したときに実行されるアクションを示すインジケーターです）

score 4 · Accepted Answer

これは、ボタンがフォーカスされていることを示します。キーボードナビゲーションに必要です。削除しないでください。

ただし、ユーザビリティとアクセシビリティよりもデザインの外観を重視する場合は、hideFocusプロパティを試してください (少なくともほど有害ではありませんblur())。

score 2 · Accepted Answer

IE で同じ動作に遭遇しました。私の知る限り、その動作を防ぐ唯一の方法は、ボタンの境界線プロパティを none に設定することです。これは明らかにボタンのスタイルに影響するため、理想的ではありません。

score 1 · Accepted Answer

これは、Windows の標準的な動作であり、デフォルトボタン (Enter キーを押したときにクリックされるボタン) の境界線が少し太くなります。

4 に答える 4