aタグのリンクを無効にする

サイト制作中に仮のリンクを設定したり、リストに一部だけリンクさせないようにした場合に[href=”#”](ヌルリンク)させますが、その場合にクリックされちゃうとページの上部に戻ってしまいます。
そこで、ヌルリンクを設定した場合にクリックしても無反応にする方法です。

a:[href="#"] {
pointer-events: none;
} 

これでホバー状態でもクリックしても無反応!

にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ WordPressへ にほんブログ村 IT技術ブログ Webサイト構築へ

投稿者: おーあえ

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください