Hvordan deaktivere en lenke ved hjelp av bare CSS?

Finnes det noen måte å deaktivere en lenke ved hjelp av CSS?

Jeg har en klasse som heter current-page og vil at lenker med denne klassen skal deaktiveres slik at det ikke skjer noe når man klikker på dem.

CSS kan bare brukes til å endre stilen på noe. Det beste du kan gjøre med ren CSS er sannsynligvis å skjule lenken helt.

Det du virkelig trenger er litt javascript. Slik gjør du det du vil ved hjelp av jQuery-biblioteket.

$('a.current-page').click(function() { return false; });
Kommentarer (9)

CSS kan ikke gjøre det. CSS er kun for presentasjon. Alternativene dine er:

  • Ikke inkluder href-attributtet i `
Kommentarer (2)

Du kan sette href-attributtet til javascript:void(0).

.disabled {
  /* Disabled link style */
  color: black;
}
<a class="disabled" href="javascript:void(0)">LINK</a>
Kommentarer (3)