☰

CSSのみを使用してリンクを無効にする方法 質問する

tag-icon • tag-icon html css
CSSのみを使用してリンクを無効にする方法 質問する

CSS を使用してリンクを無効にする方法はありますか?

というクラスがありcurrent-page、このクラスのリンクを無効にして、クリックしてもアクションが発生しないようにしたいと考えています。

ベストアンサー1

からこの解決策:

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
<a href="link.html" aria-current="page">Link</a>

ブラウザのサポートについては、https://caniuse.com/#feat=pointer-eventsInternet Explorerをサポートする必要がある場合は、回避策があります。この答え。

警告:pointer-eventsCSS の非 SVG 要素に対する機能は実験的です。この機能は以前は CSS 3 UI ドラフト仕様の一部でしたが、未解決の問題が多数あるため、CSS 4 に延期されました。

おすすめ記事