selectタグをクリックして表示されるリストの下にカーソルが指定されているタグがあると、マウスカーソルが変わってしまう

例えば、cursor: not-allowedが指定されているaタグがリストの下に重なっていると、 マウスカーソルが禁止カーソルになってしまい、「リストのこの項目はクリックできないのか！？」となってしまう。

selectタグのoptionのリストはOSが描画していてここにカーソルのスタイルを指定することは出来ないので これを解決するにはBootstrapのDropdownのようなselectタグを使わずに実装されたドロップダウンリストを使う必要がある。

参考：