How to disable a link

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

84 votes171 views4 answers
Justify content align items
Html
2 votes168 views2 answers
Html background color change by clicking
Html
0 vote227 views1 answer
Meta name="description"
Html
11 votes157 views5 answers
Aos
Html
0 vote184 views2 answers
Multiple binding textblock wpf
Html
0 vote160 views1 answer
Alpine js get input value
Html
0 vote190 views1 answer
Twig locale name
Html
4 votes167 views3 answers
Image slider with bootstrap
Html
39 votes198 views6 answers
Href mailto
Html
-1 vote170 views1 answer
Align center bootstrap 5 objects
Html