aタグをリンクさせたくないとき、CSSで解決できる

スポンサーリンク

※本サイトにはプロモーションが含まれています

とりあえずリンクは設置するけれど、
期日が来るまでリンクを無効にしたいときのための
良い方法がありました。

CSSの「pointer-events」で設定

HTML

CSS

プレビュー

たったこれだけ。なんて簡単!
わざわざdivタグで擬似ボタンつくったり、href属性をコメントアウトしたりしなくてもいーんだ!!

各ブラウザの対応状況

「tabindex」属性ってなんだ?

ところで、HTMLに記述したtabindex属性とは何でしょうか?
名前を見る限りどうやら、Tabキーに関わる属性、、?

tabindex=""とは、Tabキーを押したときにフォーカスが移動する順序を指定する属性です。
aタグに限らず、入力フォーカスを持つ要素に対して使えます。

なお、tabindexに正の値を設定することは推奨されていません。

今回の場合のtabindexの役割は、
Tabキーを使った際にフォーカスが当たらないようにするためでした。

以上、カンタンにリンクを無効にできる方法でした!

コメント

タイトルとURLをコピーしました