読者です 読者をやめる 読者になる 読者になる

日々精進

新しく学んだことを書き留めていきます

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

web

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

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

参考: