Breaking News: Grepper is joining You.com. Read the official announcement!

how to disable link in hmtl

Ankur answered on April 16, 2020 Popularity 10/10 Helpfulness 5/10

answer how to disable link in hmtl

how to disable link in hmtl

Comment

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

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css disable-link

Link to this answer
Share Copy Link

Contributed on Sep 22 2021

Ankur

0 Answers Avg Quality 2/10

Closely Related Answers

disable link html

Comment

Desativar um link #
Para desabilitar um link, ao contrário da técnica anterior, disablednão é permitido o uso do atributo. Ainda é possível desabilitar um link seguindo 3 passos:

remova o hrefatributo para que ele não possa mais receber o foco
adicione um role="link"para que seja sempre considerado um link pelos leitores de tela
adicione um atributo aria-disabled="true"para que seja indicado como desabilitado
HTML
<a role="link" aria-disabled="true"> Disabled link </a>

Popularity 10/10 Helpfulness 8/10 Language html

Source: a11y-guidelines.orange.com

Tags: disable-link disable-li

Link to this answer
Share Copy Link

Contributed on Jan 06 2023

Felipebros

0 Answers Avg Quality 2/10

html disable anchor link

Comments(1)

a.isDisabled {
  pointer-events: none;
}

Popularity 10/10 Helpfulness 5/10 Language html

Source: css-tricks.com

Tags: anchor an

Link to this answer
Share Copy Link

Contributed on Apr 16 2020

Clever Chipmunk

0 Answers Avg Quality 2/10

how to disable link in hmtl

Contents

More Related Answers

how to disable link in hmtl

Closely Related Answers

disable link html

html disable anchor link

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.