2020/02/12

aタグのリンクをCSSで一時的に無効にする方法

HTML/CSS

CSSの記述でaタグのマウスイベントを無効にする

htmlのaタグは残しておきたいけれど、リンクを一時的に無効にしたいときなどに使えるCSSの記述を紹介します。
マウスイベントが無効になるので、リンクだけでなくホバーエフェクトも無効になります。
※下記コードの”a”の部分は適宜クラス名などを追加して無効にしたいaタグを指定してください。

a {
	pointer-events: none;
}

• 
• 
• 

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。