リンクを無効にするスタイル - CSS note記述したリンクを無効にしたいといった事がたまにあります。 例えば、 電話番号リンク等を作成した場合、PCではうまく動作しないので、メディアクエリ―を使って、一定のブラウザサイズ以上では、電話番号リンクが動作しないようにするとか WordPressのプライマリーメニューなどで、親になる項目は、hoverした時に、サブメニューを表示したいけど親ページには飛ばしたくないといったケース等 少し工夫すると、CSSだけでお手軽にリンクを無効にすることが出来ます。 .no-links{ pointer-events: none; cursor: default; text-decoration:none; } HTML <article> <h2>No links</h2> <a class="no-links" href="http://www.tenman.info/">no link</a> <a
