¿Cómo desactivar un enlace utilizando sólo CSS?

¿Hay alguna forma de desactivar un enlace mediante CSS?

Tengo una clase llamada página actual y quiero que los enlaces con esta clase se desactiven para que no se produzca ninguna acción cuando se haga clic en ellos.

El CSS sólo puede utilizarse para cambiar el estilo de algo. Lo mejor que podrías hacer con CSS puro es ocultar el enlace por completo.

Lo que realmente necesitas es algo de javascript. Así es como harías lo que quieres usando la librería jQuery.

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

El CSS no puede hacer eso. El CSS es sólo para la presentación. Sus opciones son:

  • No incluir el atributo href en tus etiquetas <a>.
  • Utiliza JavaScript, para encontrar los elementos de anclaje con esa clase, y eliminar sus atributos href o onclick en consecuencia. jQuery te ayudaría con eso (NickF mostró cómo hacer algo similar pero mejor).
Comentarios (2)

Puede establecer el atributo href a javascript:void(0)

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