テキスト フィールドとボタンを備えた ExtJs フォームがあります。タブキーを使用してフォーム内の要素にフォーカスすると、カーソルが次のフィールドに移動し、ボタンになるとフォーカスが IE8 に表示されません。ボタンの上にフォーカスが表示されないため、ユーザーにとっては誤解を招く可能性があります。Firefox では、ボタンの上にフォーカスが表示されます。これが IE8 だけで発生する特別な理由はありますか?
ExtJs 3.3.4 を使用しています。
みんな助けてください。
テキスト フィールドとボタンを備えた ExtJs フォームがあります。タブキーを使用してフォーム内の要素にフォーカスすると、カーソルが次のフィールドに移動し、ボタンになるとフォーカスが IE8 に表示されません。ボタンの上にフォーカスが表示されないため、ユーザーにとっては誤解を招く可能性があります。Firefox では、ボタンの上にフォーカスが表示されます。これが IE8 だけで発生する特別な理由はありますか?
ExtJs 3.3.4 を使用しています。
みんな助けてください。
このために、以下のようにフォーカス上のボタンのextjscssをオーバーライドする必要があります。
.x-btn BUTTON:focus {
outline: thin dotted invert;
}
これは、IEとFirefoxのボタンの上に長方形の点線が表示されています。
IE と FF の魅力のように機能しますが、何らかの理由でアウトライン プロパティが Chrome を使用して表示されないため、他の css プロパティを境界線として使用してソリューションを使用しても問題ありません。