Etiqueta href deshabilitada [duplicado]
Aunque ese enlace está deshabilitado, todavía se puede hacer clic en él.
<a href="/" disabled="disabled">123n</a>
¿Puedo hacer que no se pueda hacer clic en él si está deshabilitado? ¿Debo utilizar JavaScript necesariamente?
Aceptado
Con la ayuda de CSS desactivarás el hipervínculo. Pruebe lo siguiente
a.disabled {
pointer-events: none;
cursor: default;
}
<a href="link.html" class="disabled">Link</a>
Expandir fragmento
No hay ningún atributo deshabilitado para los hipervínculos. Si no desea que se vincule algo, deberá eliminar la <a>
etiqueta por completo.
Alternativamente, puede eliminar su href
atributo; aunque esto tiene otros problemas de UX y accesibilidad, como se indica en los comentarios a continuación, por lo que no se recomienda.
Puedes usar:
<a href="/" onclick="return false;">123n</a>