CSS3のpointer-eventsでリンクを無効にする方法!

2015/07/07

pointer-events

こんにちは。
今回はCSS3のpointer-eventsでリンクを無効にする方法!です。

どうしてもサイトの仕様上、HTML側を触れなくてリンクを無効にしたい時に、CSSでリンクを無効にする方法を見つけたので紹介します。

CSS3のpointer-eventsでリンクを無効にする方法!

やり方は簡単です。
下記のように記述すればOKです。

 

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

 

いかがでしたか。jQueryを使わないとできないと思っていたので、少し驚きました。
以上でCSS3のpointer-eventsでリンクを無効にする方法!でした。

topへ戻る