CSSでcursor: not-allowedがpointer-events: noneと一緒に機能しない問題の解決方法

親要素に対してpointer-events: noneを設定する: もし対象の要素の親要素にpointer-events: noneを設定している場合、子要素に対するマウスイベントが無効になる可能性があります。親要素に設定されたpointer-eventsの値をautoに変更することで、子要素に対するマウスイベントを有効にすることができます。>>More