Miten poistaa linkki käytöstä vain CSS:llä?

Voiko linkin poistaa käytöstä CSS:n avulla?

Minulla on luokka nimeltä current-page ja haluan, että linkit, joilla on tämä luokka, poistetaan käytöstä niin, että niitä napsautettaessa ei tapahdu mitään.

Matt Komarnicki
Muokattu kysymysT44 syyskuu 2017 в 2:06
Ohjelmointi
html css
T11 tammikuu 2010 в 4:55
18 näkymät

CSS:ää voidaan käyttää vain jonkin asian tyylin muuttamiseen. Parasta, mitä voit todennäköisesti tehdä pelkällä CSS:llä, on piilottaa linkki kokonaan.

Tarvitset oikeastaan javascriptia. Näin voit tehdä haluamasi jQuery-kirjaston avulla.

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

CSS ei pysty siihen. CSS on vain esitystapaa varten. Vaihtoehtosi ovat:

  • Älä sisällytä href-attribuuttia <a>-tageihin.
  • Käytä JavaScriptiä etsiessäsi ankkurielementit, joilla on kyseinen class, ja poista niiden href- tai onclick-attribuutit vastaavasti. jQuery auttaisi sinua siinä (NickF näytti, miten tehdä jotain vastaavaa mutta paremmin).
Kevin Conner
Muokattu vastausta T11 tammikuu 2010 в 5:13
Kommentit (2)

Voit asettaa href-attribuutin arvoon javascript:void(0).

.disabled {
  /* Disabled link style */
  color: black;
}
<a class="disabled" href="javascript:void(0)">LINK</a>
Vadim Ovchinnikov
Muokattu vastausta T66 huhtikuu 2018 в 2:45
Kommentit (3)