Cursor: Not-allowed;とはどういう意味ですか?

Cursor: Not-allowed;とはどういう意味ですか?

リュウ:ハナさん、cursor: not-allowed;はマウスカーソルをクリックできない状態にします。 例えば、ボタンが無効になっているとか、サイトでの特定の動作ができない場合に使われます。

使い方の例

cursor: not-allowed; の使用例として、以下のコードを参照してください。ボタンが無効であることを示すために、マウスをボタン上に移動させたときにカーソルが変化します。

<style>
    button:disabled {
        cursor: not-allowed;
    }
</style>

<button disabled>クリックできません</button>
    

参考記事

詳細をさらに理解するために、以下の参考資料をご覧ください。

記事 リンク
CSS Tricks: Complete Guide to CSS Cursors https://css-tricks.com/almanac/properties/c/cursor/
MDN Web Docs: cursor https://developer.mozilla.org/ja/docs/Web/CSS/cursor

その他の参考記事:css cursor