Как сделать ссылку не активной в тексте

Нужно сделать ссылку не кликабельной! Какой способ лучше всего подойдет?

Сделать её не ссылкой?

Лучше всего подойдёт для чего?

Решения вопроса 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 ещё

Почему popup окно открывается только со второго нажатия?

• 1 подписчик
• 4 часа назад
• 29 просмотров

Как сделать HTML ссылку некликабельной (неактивной)?

Пример CSS кода для создания некликабельной (неактивной) HTML ссылки. Добавляем в CSS код такую запись с классом:

 a.disabled < pointer-events: none; /* делаем ссылку некликабельной */ cursor: default; /* устанавливаем курсор в виде стрелки */ color: #999; /* цвет текста для нективной ссылки */ >

В HTML коде устанавливаем для нективных ссылок класс disabled

Читать комментарии (15) 14 августа 2014,
71240

Комментировать

10 декабря 2014 / Ответить

СПАСИБО)) простой вариант решения)))

#2 ↑ / codomaza
10 декабря 2014 / Ответить
04 февраля 2015 / Ответить

И зачем такие заморочки, если можно просто прописать ссылку, не добавляя
#4 ↑ / codomaza
04 февраля 2015 / Ответить

Есть 2 важных преимущества:

1. Стилизация неактивной ссылки. Вам всё равно придется использовать CSS стили для того, чтобы скрыть подсветку ссылки при наведении курсора.
2. Удобство для разработчика. Данный вариант удобен (необходим) при разработке веб-приложения, так так дает возможность задать стилизацию и быстро найти неактивные ссылки в коде.

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 / Ответить

Программирую на уровне копипастера) вбил запрос в поисковик, нашел это решение и стал счастливее) Спасибо!

1. Информация об IP
2. Антивирусная проверка
3. Данные из Whois
4. Проверить заголовки
5. Punycode конвертер

1. Обзоры
2. Информация о сайтах
3. Скрипты для сайта
4. Новости Интернета

© 2011-2024 CodoMaza.com — проверка сайтов
Обратная связь Конфиденциальность

Зарегистрируйтесь, если нет учетной записи

Как сделать ссылку некликабельной с помощью CSS

Когда вы создаете веб-страницу, иногда может возникнуть необходимость отключить ссылку на определенном элементе. В этой статье мы расскажем, как сделать ссылку некликабельной с помощью CSS.

Использование CSS свойства pointer-events

Самый простой способ сделать ссылку некликабельной — это использование CSS свойства pointer-events. Данный способ позволяет отключить кликабельность элемента, но не удаляет ссылку. Вот пример кода:

a.disabled

Здесь мы создаем класс «disabled» для ссылки, которую хотим сделать некликабельной, и задаем ему свойство pointer-events со значением «none».

Использование CSS свойства text-decoration

Еще один способ сделать ссылку некликабельной — это убрать ее стандартное оформление. Для этого мы можем использовать CSS свойство text-decoration. Вот пример кода:

a.disabled

Здесь мы задаем класс «disabled» для ссылки и устанавливаем ему значение text-decoration: none, которое убирает подчеркивание ссылки. Мы также устанавливаем свойство cursor: default, чтобы курсор не менял свой вид при наведении на некликабельную ссылку.

Использование атрибута href

Еще один способ сделать ссылку некликабельной — это удалить ее атрибут href. Это приведет к тому, что при нажатии на ссылку ничего не произойдет. Вот пример кода:

Здесь мы добавляем класс «disabled» для ссылки и удаляем атрибут href, задав его значение «#». Это сделает ссылку некликабельной.

В заключение, существует несколько способов сделать ссылку некликабельной с помощью CSS. Выбор зависит от того, что вы хотите добиться и как вы хотите, чтобы ваша страница выглядела.

Как сделать текущую страницу (ссылку) в меню неактивной?

Переходим в раздел «Статьи» — все пункты меню остаются кликабельны, а пункт «Статьи» становится просто текстом, ну еще и выделенным жирным хорошо бы.

Еще скажу по-другому, нужно чтобы ссылка меню не ссылалась на себя.

Как это можно реализовать в вордпрессе?

7.3 года назад
shevan 222 wp-best.ru

Не нужно редактировать файлы самого WordPress. Используйте код в шаблоне, например, в sidebar.php или куда вы хотите вывести меню. Я бы посоветовал использовать CSS, потому что, возможно, это проще. Как пример

menu-glavnoe-menyu .current-menu-item a
ilya3 7.3 года назад
Ура! Сработало! Действительно очень простое решение. Спасибо!
Alexander год назад
Так будет более точечно.
menu-glavnoe-menyu .current-menu-item [aria-current=»page»]
Комментировать

Можно сделать так. Получаете код меню, как он там у вас получается. Далее у всех функций для элементов есть css классы. У текущего пункта будет current-menu-item , если используется wp_nav_menu(). Вот на основе этого класса можно убрать тег А и заменить его на что угодно. Допустим у нас есть такой код на выходе:

Первая ссылка активная, заменим её на strong:

// получаем а не выводим меню $menu = wp_nav_menu( [ 'echo' => 0, ] ); // заменим текущую ссылку $menu = preg_replace( '/(current-menu-item[^>]+>)]+>(.*?)()/s', '$1$2$3', $menu ); // выводим на экран echo $menu;

Получим такой HTML:
Кирилл 1.3 года назад

Спасибо огромное! Мне нужен был именно этот способ, не скрывать ссылку с помощью css, а полностью ее удалить.

Комментировать

Вот простое, лаконичное и логичное решение. В пользовательских ссылках вместо ссылки прописываем # . А в CSS используем селектор атрибутов и свойство pointer-events :