How to disable link in hmtl

Html disable anchor link

a.isDisabled {
  pointer-events: none;
}

Source: css-tricks.com

How to disable a link

<style>
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
</style>
<a class="isDisabled" href="https://unfetteredthoughts.net">Disabled Link</a>

Source: css-tricks.com

How to disable link in hmtl

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

Similar codes

57 votes379 views4 answers
Css hover rounded corners
CSS
0 vote352 views2 answers
Tailwindcss link styling
CSS
2 votes309 views1 answer
Border bottom remove
CSS
0 vote341 views1 answer
Bootstrap 5 css how to change
CSS
0 vote342 views1 answer
Button active css
CSS
2 votes355 views1 answer
Twig ternaire
CSS
0 vote344 views1 answer
Media queries and or conditions
CSS
7 votes351 views2 answers
Text align justify
CSS
45 votes317 views6 answers
Css elipsis
CSS
-1 vote323 views1 answer
Css font family for all titles
CSS