IE11でselect選択時に下の要素のhoverが反応する問題

現象

• 下のサンプルのように、ドロップダウンとhover時に表示が切り替わるような要素（例えばdisabled）があると、ドロップダウン選択時に下の要素のhoverが反応してしまう

See the Pen KrbvgW by megos (@megos) on CodePen.

なぜ?

• この問題はbootstrapのバグに上がっているのだが（not-allowed cursor of a disabled field appears in a <select> menu in IE11）、どうやらIE11のバグらしい

• When hovering over a <select> menu item, the cursor for the element underneath the menu is displayed

• ひとまずユーザ側ではなんともならないようです…