CSSでリンクを無効にする方法【pointer-eventsで簡単に実現】

レスポンシブサイトなど、どうしてもCSS側でリンクを無効にしたい時ってありますよね。

そういうときは、CSSのプロパティの「 pointer-events 」を使うと便利です。

リンクを無効にする



.link{
   pointer-events:none;
}

.link{

pointer-events:none;

}

逆に無効にしたリンクを有効にするには、「inherit」や「auto」を指定します。



.link{
   pointer-events: inherit;
}

.link{

pointer-events: inherit;

}

または、



.link{
   pointer-events: auto;
}

.link{

pointer-events: auto;

}

よかったらシェアしてね！