pointer-events

参考:

pointer-events | MDN

使い方

クリックした際にイベントが発生しないようにする。

pointer-events: none;

リンクを無効化する。

.disabled-link {
  text-decoration: none;
  pointer-events: none;
  cusor: default;
}

参考:

a タグの効果を無効化させる時によく使う系の CSS まとめ – Qiita

CSS の pointer-events で タグのリンクを無効化する方法 | ウェブアンテナ

CSS でリンクを無効化するいろいろな方法 | YTech

CSS でリンクを無効にする | iPentec

a タグのリンクを無効化する方法 | KUBOGEN

a タグの効果を残したままリンクを無効にする方法 | FreeLaDay

a タグのリンクを無効化する方法 | toya

リンクを無効にするスタイル | CSS note (tenman.info)

クリック・タッチを無効化する CSS「pointer-events: none;」がお手軽で便利 | Yahoo! JAPAN Tech Blog

Click through div to underlying elements – Stack Overflow

Can I Use

参考:

pointer-events | Can I Use Support Tables

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA