Как сделать HTML ссылку некликабельной (неактивной)?
Пример CSS кода для создания некликабельной (неактивной) HTML ссылки. Добавляем в CSS код такую запись с классом:
a.disabled < pointer-events: none; /* делаем ссылку некликабельной */ cursor: default; /* устанавливаем курсор в виде стрелки */ color: #999; /* цвет текста для нективной ссылки */ >
В HTML коде устанавливаем для нективных ссылок класс disabled
Читать комментарии (15) 14 августа 2014,
70924
Комментировать
10 декабря 2014 / Ответить
СПАСИБО)) простой вариант решения)))
#2 ↑ / codomaza
10 декабря 2014 / Ответить
04 февраля 2015 / Ответить
И зачем такие заморочки, если можно просто прописать ссылку, не добавляя
#4 ↑ / codomaza
04 февраля 2015 / Ответить
Есть 2 важных преимущества:
- Стилизация неактивной ссылки. Вам всё равно придется использовать CSS стили для того, чтобы скрыть подсветку ссылки при наведении курсора.
- Удобство для разработчика. Данный вариант удобен (необходим) при разработке веб-приложения, так так дает возможность задать стилизацию и быстро найти неактивные ссылки в коде.
05 августа 2015 / Ответить
Очень быстро нашел нужную информацию, большое спасибо.
13 января 2016 / Ответить
29 января 2016 / Ответить
Небольшая поправочка, команда pointer-events: none ; подойдёт на блокировки клика по JavaScript’ам с некоторых сайтов, при клике на скрипт идёт пересылка на сайт.
09 марта 2016 / Ответить
13 марта 2016 / Ответить
Это решение не будет работать в IE.
13 марта 2016 / Ответить
Для IE есть следующий метод, он немного хардкодный но работает) Ссылку можно обернуть в span и перекрыть кликабельность ссылки псевдоэлементом на span.
span < display: block; position: relative; >span:before
#11 ↑ / codomaza
13 марта 2016 / Ответить
Спасибо! Интересный вариант решения проблемы для IE.
#12 ↑ / Гость
04 апреля 2016 / Ответить
При работе на теме лаерс вордпресс есть возможность управлять CSS но нет возможности править HTML. Есть способ для ИЕ с помощью только CSS?
14 октября 2017 / Ответить
Спасибо! Лаконично и эффективно.
28 декабря 2017 / Ответить
Подскажите, если в документе 3 ссылки. И надо, чтобы при нажатии на одну из них, остальные исчезали (именно ссылки исчезали, а не содержимое, которое внутри ссылок).
Т.е., есть раскрывающийся доп.текст при нажатии на фразы «да», «нет», «не знаю». Надо чтобы при нажатии допустим на «да», фразы «нет» и «не знаю» пропадали.
18 апреля 2021 / Ответить
Программирую на уровне копипастера) вбил запрос в поисковик, нашел это решение и стал счастливее) Спасибо!
- Информация об IP
- Антивирусная проверка
- Данные из Whois
- Проверить заголовки
- Punycode конвертер
- Обзоры
- Информация о сайтах
- Скрипты для сайта
- Новости Интернета
Как сделать ссылку неактивной после нажатия?
Есть ссылка, при нажатии на которую нужно вывести блок информации и одновременно сделать ссылку неактивной (чтобы ее не было видно). Первый пункт я сделал, а сделать ссылку неактивной не выходит.
Подскажите как это сделать?
Отслеживать
6,488 6 6 золотых знаков 24 24 серебряных знака 31 31 бронзовый знак
задан 19 окт 2016 в 16:09
71 1 1 серебряный знак 5 5 бронзовых знаков
e.preventdefault() есть такая штука которая делает ссылку кликабельной, но не активной, или через сss pointer-events: none;/* делаем ссылку некликабельной */
19 окт 2016 в 16:11
Если я правильно вас понял, вам нужно задать оформление для ссылок псевдокласса :visited — htmlbook.ru/css/visited
19 окт 2016 в 16:16
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
document.getElementById('additional').addEventListener('click', function(e) < e.preventDefault(); e.target.style.display = 'none'; var info = document.getElementById('additional-info'); if (info.style.display === 'none') < info.style.display = 'block'; >else < info.style.display = 'none'; >>, false);Отслеживать
ответ дан 19 окт 2016 в 16:33
Zoltan Toth Zoltan Toth
1,783 13 13 серебряных знаков 19 19 бронзовых знаков
Спасибо! Здесь это работает! Но что то в моем коде — не хочет. Пробовал в коде прописать — и подключать внешний скрипт 🙁
19 окт 2016 в 17:48
можете в JSBin ili JSFiddle скинуть весь код страницы? может id такая же есть еще одна или что-то в этом роде..
19 окт 2016 в 18:34
.hidden
Или вообще вот так:
function showSome(obj)
Отслеживать
ответ дан 19 дек 2016 в 8:33
1,325 6 6 серебряных знаков 14 14 бронзовых знаков
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Нужно сделать ссылку не кликабельной! Какой способ лучше всего подойдет?
Сделать её не ссылкой?
Лучше всего подойдёт для чего?
Решения вопроса 3
a.disabled
Ответ написан более трёх лет назад
Нравится 6 3 комментария
pointer-events IE11+
0xD34F, автору вопроса, на всякий случай
Andy Developer @UmbrellaCoders
PHP, JS Developer
preventDefault
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Зависит от того, где это нужно реализовать, возможно стоит просто не использовать тег ссылки?
Так же можно предотвратить действие браузера по умолчанию:
$('a').click(function(event)< event.preventDefault(); >);Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Ответы на вопрос 0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- JavaScript
- +1 ещё
Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?
- 1 подписчик
- 2 часа назад
- 21 просмотр
Как сделать ссылку неактивной, как отключить ссылку через ксс
Пример ссылки:
1. Сначала мы присваиваем класс нашей ссылке
.disaled_link /* делаем ссылку некликабельной */
3. При наведении на ссылку меняется внешний вид курсора. Для неактивной ссылки установим дефолтный курсор:
.disaled_link /* устанавливаем курсор в виде стрелки */
4. На этом шаге необходимо отключить изменение внешнего вида ссылки при наведении, например появление подчеркивания, изменение цвета, жирности и другие эффекты, используемые в вашем шаблоне.
Для изменения внешнего вида ссылки при наведении существует атрибут класса «hover»:
.disaled_link:hover
text-decoration:none; /*убираем подчеркивание*/
font-weight:normal;/*устанавливаем толщину шрифта*/
+7(918) 053 84 68
E-mail: info@webstyling.ru
г. Новороссийск, ул. Дзержинского, д. 238
(Пожалуйста, позвоните перед приходом в офис)
© 2009-2023, создание сайтов Новороссийск, Москва, Анапа, Геленджик, Краснодар. Дизайн и разработка сайтов, создание сайтов в в Москве, Новороссийске. Создание одностраничников в Новороссийске. Создание Landing Page в Москве, Новороссийске.
Мы используем файлы cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.