リンクを無効にするスタイル

No links anchor element with CSS

記述したリンクを無効にしたいといった事がたまにあります。

例えば、

電話番号リンク等を作成した場合、PCではうまく動作しないので、メディアクエリ―を使って、一定のブラウザサイズ以上では、電話番号リンクが動作しないようにするとか

WordPressのプライマリーメニューなどで、親になる項目は、hoverした時に、サブメニューを表示したいけど親ページには飛ばしたくないといったケース等

少し工夫すると、CSSだけでお手軽にリンクを無効にすることが出来ます。

CSS

HTML

example

no link  
tenman.info

browser support

ブラウザサポート

Can I Use pointer-events? Data on support for the pointer-events feature across the major browsers from caniuse.com.

relate link

特定のカテゴリーで、表示はそのまま、リンクだけを外したい

javascript

aタグの無効化 - preventDefaultとreturn falseの違い

[jQuery]イベントのバブリングって何?


新着記事

コメントは受け付けていません