Пример CSS кода для создания некликабельной (неактивной) HTML ссылки. Добавляем в CSS код такую запись с классом:
a.disabled {
pointer-events: none; /* делаем ссылку некликабельной */
cursor: default; /* устанавливаем курсор в виде стрелки */
color: #999; /* цвет текста для нективной ссылки */
}
В HTML коде устанавливаем для нективных ссылок класс disabled
<a href="ссылка" class="disabled">Анкор ссылки</a>
CodoMaza,
10 дек. 2014
Пожалуйста! Стараемся :)
И зачем такие заморочки, если можно просто прописать ссылку, не добавляя <a href... ?
CodoMaza,
4 февр. 2015
Есть 2 важных преимущества:
Очень быстро нашел нужную информацию, большое спасибо.
Благодарю!
Небольшая поправочка, команда pointer-events: none; подойдёт на блокировки клика по JavaScript'ам с некоторых сайтов, при клике на скрипт идёт пересылка на сайт.
Спасибо.
Это решение не будет работать в IE.
Для IE есть следующий метод, он немного хардкодный но работает) Ссылку можно обернуть в span и перекрыть кликабельность ссылки псевдоэлементом на span.
HTML:
<span><a href ="#">link</a></span>CSS:
span {
display: block;
position: relative;
}
span:before {
content : ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
x-index: 9999;
}
Спасибо! Интересный вариант решения проблемы для IE.
При работе на теме лаерс вордпресс есть возможность управлять CSS но нет возможности править HTML. Есть способ для ИЕ с помощью только CSS?
Спасибо! Лаконично и эффективно.
Подскажите, если в документе 3 ссылки. И надо, чтобы при нажатии на одну из них, остальные исчезали (именно ссылки исчезали, а не содержимое, которое внутри ссылок)?....
Т.е., есть раскрывающийся доп.текст при нажатии на фразы "да", "нет", "не знаю". Надо чтобы при нажатии допустим на "да", фразы "нет" и "не знаю" пропадали.
Программирую на уровне копипастера) вбил запрос в поисковик, нашел это решение и стал счастливее) Спасибо!
СПАСИБО)) простой вариант решения)))