Не понимаю, почему так редко попадается информация о том, как сделать ссылку некликабельной при том, что это вполне штатное действие.
Для этого нужно прописать CSS-свойство pointer-events для ссылки напрямую, через класс или id:
|
1 2 3 4 5 |
a.unclickable { pointer-events: none; /* делает ссылку некликабельной */ cursor: default; /* устанавливает курсор в дефолтное состояние (убираем значок пальца при наведени) */ text-decoration: none; /* зачищаем намеки на ссылку, убирая нижнее подчеркивание */ } |
Ну и, соответственно, присваиваем ссылке класс .unclickable
Пример: Ссылка
Стоит заметить, что свойство pointer-events относится к спецификации CSS4, но в настоящий момент поддерживается многими браузерами за исключением IE ниже 11-ой версии и Opera Presto.
Зачем делать ссылку некликабельной?
Но если уж действительно нужна… можно еще в js прописать:
$(‘a’).on(‘click’, function(e) {
e.preventDefault();
// или так
return false;
});
или в самой ссылке
текст
в общем в самой ссылке так)
a href=»линк» onclick=»return false;»