CSSを使用したホバー時の無効化方法

1. ポインターイベントを無効化する方法:

   .disable-hover:hover {
    pointer-events: none;
   }

   上記のCSSコードを適用すると、クラス名が"disable-hover"の要素がホバーされたときにポインターイベントが無効化されます。

2. カーソルスタイルを変更する方法:

   .disable-hover:hover {
    cursor: not-allowed;
   }

   上記のCSSコードを適用すると、クラス名が"disable-hover"の要素がホバーされたときにカーソルが"not-allowed"（禁止）スタイルに変更されます。

3. 透明度を変更する方法:

   .disable-hover:hover {
    opacity: 0.5;
   }

   上記のCSSコードを適用すると、クラス名が"disable-hover"の要素がホバーされたときに透明度が0.5に変更されます。

これらは一般的な方法ですが、具体的な要件に合わせてカスタマイズすることもできます。