CSS でクリックイベントを無効にする方法

CSS でクリックイベントを無効にする方法を紹介します。
例えば、ボタンのカレント表示時にクリックを無効にしたいときに便利な方法です。

CSS でクリックイベントを無効にする方法

CSS で pointer-events を指定することで、クリックイベント（ポインターイベント）を制御することができます。
例えば、リンクボタンを無効化させるには、次のCSSを対象要素に指定します。

.example {

  pointer-events: none;

}

この方法は、一般的なリンクボタンや jQuery のクリックイベントでも有効です。

まとめ

CSS でクリックイベントを無効にする方法を紹介しま