リンクの無効化 pointer-events: none

CSSによるリンクの無効化

CSSでリンクを無効にする場合は、 pointer-events: none を使います。 これを指定した要素は、クリックやホバーが無効になります。 そのためリンクも動作しなくなるという仕組みです。