Truco CSS para deshabilitar enlaces

Problema:

¿Es posible deshabilitar enlaces usando CSS? Por ejemplo, si tiene una clase llamada "página actual", es posible que desee evitar que los enlaces con esa clase estén activos al hacer clic en ellos.

Solución:

El siguiente fragmento de código CSS ofrece una solución sencilla:

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

Este código apunta a elementos con el atributo "aria-current='page'" y desactiva su interactividad configurando "pointer-events" en "none". También elimina el estilo típico del enlace configurando "cursor" en "predeterminado", eliminando la decoración del texto y restableciendo el color del texto a negro.

Para aplicar esta solución en HTML, puedes modificar tu enlace de la siguiente manera:

Link

Esto deshabilitará el enlace y evitará que se pueda hacer clic en él cuando el enlace "actual- página" se aplica la clase.