IE8 + IE9 HTMLとCSSフォーカス

Question

私はinputフィールドとselectドロップボックスの周りに境界線があり、タブ付きでフォーカスがあるようにするHTMLページを作成しています。私はそうのように私のCSS内の入力クラスを定義しました：入力フィールドがそうのように私のHTMLファイル内で定義されて

input.highlight:focus { 
border: #003366; 
border-style: solid; 
border-width: 2px;  
} 

：

<input class="highlight" name="attorneyName" id="attorneyName" type="text" value="John Jackson" size="50" maxlength="30"> 

フォーカスがChromeで正常に動作するよう

が、中IEは私が何をしてもボタンの1つに残ります。ボタンはフォーカス属性を奪っているようで、ページは決して入力フィールドにフォーカスしないので、フィールドはタブで囲まれている間は枠線で囲まれて表示されません。この問題の原因は何でしょうか？

Answer 1

別のスレッドから、誰かが:focus属性のみIE9で認識されていることを指摘することができました。これはなぜjsFiddleバージョンが正しく動作するのかを説明します。ただし、ローカルドライブからHTMLファイルを実行するとIE8はIE8以下の互換モードで動作し、:focus属性は認識されません。

Answer 2

タブのインデックス属性をページ要素に設定しようとしましたか？このプロパティは、すべての主要なブラウザでサポートされています。サポートしているブラウザは、IE、Safari、Firefox、Chromeです。

Answer 3

"ボタンがフォーカス属性を奪っているようで、ページは決して入力フィールドにフォーカスしないので、タブが通過している間にフィールドが境界線で表示されることはありません。

私はあなたの質問をはっきりと理解していれば、ある要素から別の要素にタブする間に問題が生じますか？

この場合、インデックス値が増加するタブインデックス（または任意の順序）を使用すると、タブインデックスの設定に基づいて次の要素を選択できるようになります.DOCTYPEタグはマークアップ言語の規則を指定しますブラウザがコンテンツを正しくレンダリングしていることを確認します。もちろん、Doctypeの変更はページ内で変更される傾向があります。 Doctypeについてのw3の学校を簡単に見て、それがいくつかの光を見つけるかもしれないことを願っています。

乾杯、 アルン