質問

Internet Explorerの送信ボタンの動作について質問があります。ページをロードすると、すべてが正常になります-送信ボタンは本来の外観になります。

非アクティブ状態http://img58.imageshack.us/img58/7214/inactiveci9 .jpg

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

アクティブ状態

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

役に立ちましたか?

解決

CSS:

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

保証はありませんが、IEがバカにならないようにすることは想定です。

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

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

他のヒント

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

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

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

これは、Windowsの標準的な動作であり、デフォルトのボタンは— Enterを押したときにクリックされるボタンは、わずかに太い境界線になります。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top