IEでボタンスタイルを送信する
-
08-07-2019 - |
質問
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を押したときにクリックされるボタンは、わずかに太い境界線になります。