html - ドロップダウン メニュー リストが IE9 でフォーカスを失う

Question

選択要素をクリックしてオプションのリストを取得し、下に移動して選択すると、選択がフォーカスを失います。ie (ie9) でのみ発生します。

@jeffsebring のブログ投稿http://jeffsebring.com/drop-down-menus-losing-focus-in-internet-explorer/に出くわしましたが、彼は解決策の詳細を提供しませんでした。

Answer 1

申し訳ありませんが、私の投稿は十分に明確ではありませんでした。確認します。

私が抱えていた問題は、ドロップダウンメニューに背景がまったくないことでした。私の解決策は、背景を透明にすることでした。理由はわかりませんが、IEではフォーカスを維持するために何らかの背景が必要です。

ただし、ここでドロップダウンメニューを使用する場合は、タッチデバイスにホバーがないため、ホバー状態に依存しないでください。

Answer 2

@Jeff Sebringの回答に助けられましたが、背景があるだけでなく、ホバー状態でこの背景が変化しないようにする必要があります。

 .ie div select { background:/* whatever */} 

 .ie div:hover select {/* paste same bg for ie */}


 .ie div:hover option {/* here you can change background for ie */}