aタグ(リンク)を無効化するCSS設定
WordPressのプラグインなどで自動生成されるHTMLページのaタグに設定されたリンクを無効化したいときなどは、下記のプロパティと値をCSSに設定する。
pointer-events: none;
例えば、class名が「nolink」と指定してある箇所のaタグを無効化したい場合は下記の通りとなる。
.nolink{
pointer-events:none;
}
これ、現時点ではCSSの仕様書じゃなくて、SVGの仕様書で定義されているんですね。
CSS4に組み込まれる予定のようです。
参考:https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events