Как сделать ссылку неактивной в html
Перейти к содержимому

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

  • автор:

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

Подскажите, есть где-то видео инструкция, т. к. я в этом ничего пока не понимаю!

Metotron Искусственный Интеллект (114812) Любой курс по CSS.

Похожие вопросы

Ваш браузер устарел

Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.

Сделать ссылку неактивной с помощью CSS: подробное решение

Свойство pointer-events: none; выключает взаимодействие с ссылкой, а cursor: default; заменяет курсор на стандартный курсор-стрелку, чтобы показать, что ссылка неактивна.

Разбираемся в изменении стилей ссылок

Проработка внешнего вида

Чтобы полностью удалить все признаки активности ссылки, добавьте стили:

Скопировать код

a.no-click < color: currentColor; /* Цвет текста соответствует основному */ text-decoration: none; /* Без подчёркивания */ >

Использование наложения: защита слоями

Без использования JavaScript вы можете перекрыть ссылку другим элементом с более высоким значением z-index :

Скопировать код
Скопировать код

.link-overlay < position: relative; z-index: 1; >.underneath-link

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

Юзабилити: не конфузим пользователя

Не забывайте, что ссылка, которая выглядит неактивной, может сбивать с толку пользователей. Обязательно давайте явные визуальные подсказки о ее состоянии.

Код для динамики контента и сложных случаев

Задача сохранения неактивности

В одностраничных приложениях или при динамической загрузке контента нужно последовательно использовать стили .no-click , чтобы поддерживать единообразие интерфейса.

Когда CSS взаимодействует с JavaScript

Несмотря на то что фокус данной статьи — CSS, напомним, что JavaScript или jQuery позволяют управлять взаимодействием со ссылками гораздо гибче:

Как сделать ссылку неактивной, как отключить ссылку через ксс

Как сделать ссылку неактивной, как отключить ссылку через ксс

Пример ссылки:

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-2024, создание сайтов Новороссийск, Москва, Анапа, Геленджик, Краснодар. Дизайн и разработка сайтов, создание сайтов в в Москве, Новороссийске. Создание одностраничников в Новороссийске. Создание Landing Page в Москве, Новороссийске.

Мы используем файлы cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.

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

069.jpg

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

lazalu68

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

Решения вопроса 3

0xD34F

a.disabled

Ответ написан более трёх лет назад

Нравится 6 3 комментария

pointer-events IE11+

0xD34F

0xD34F, автору вопроса, на всякий случай

UmbrellaCoders

Andy Developer @UmbrellaCoders

PHP, JS Developer

preventDefault

Ответ написан более трёх лет назад

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

Нравится 1 Комментировать

Зависит от того, где это нужно реализовать, возможно стоит просто не использовать тег ссылки?
Так же можно предотвратить действие браузера по умолчанию:

$('a').click(function(event)< event.preventDefault(); >);

Ответ написан более трёх лет назад

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

Нравится 1 Комментировать

Ответы на вопрос 0

Ваш ответ на вопрос

Войдите, чтобы написать ответ

javascript

  • JavaScript
  • +1 ещё

Не работает фильтер js?

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *