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