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

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    CAPTCHA