CSSでaタグリンク無効化

aタグリンクの無効化する方法はjavascriptとjQueryで無効化する方法がありますが、CSSを利用して無効化する方法もありますので紹介します。

CSSを使用するのは軽く使用する事が可能し、特定状態でリンクの無効化するのはclassの追加もしくは削除で簡単に可能することです。

使う方法は以下になります。

<style>
	.link_disable{
		pointer-events: none; // aタグリンクを無効化する
	}
</style>

<a href="https://feelgood.site" class="link_disable">FeelGood</a>