lightanddesign.ru
You might also like
Как сделать HTML ссылку некликабельной (неактивной)?
Пример CSS-кода для создания непогодных (неактивных) HTML-ссылок. Добавьте в код CSS запись, подобную этой, содержащую класс.
С HTML-кодом, настроенным для неактивного класса disabled.
Комментарий.
Спасибо )))) простое решение).
А если вы можете писать ссылки, не добавляя их, зачем нарываться на неприятности!
Есть два ключевых преимущества
- Состав неактивных ссылок. Вам необходимо использовать стили CSS, чтобы скрыть соединение ссылок при прохождении мыши.
- Удобство для разработчиков. Эта опция полезна (и необходима) при разработке онлайн-приложений. Это связано с тем, что вы можете стилизовать и быстро находить неактивные ссылки на ваш код.
Я нашла его очень быстро, большое спасибо.
Небольшая поправка, событие указателя: none; команда работает для блокирования щелчков JavaScript в определенных местах при нажатии на скрипт.
Это не работает в IE.
(Есть способ в IE, но он закодирован немного жестче, но работает.) Ссылки можно обернуть вокруг span, чтобы продублировать щелчок по псевдо-псевдо -в -span ссылке.
Спасибо! Интересное решение проблемы IE.
При работе над темой WordPress Laers есть возможность проверить CSS, но нет возможности редактировать HTML. Есть ли способ использовать только CSS?
Спасибо!!! Лаконично и эффективно.
Если в вашем документе есть три ссылки, вы можете обновить их. Затем я нажимаю на одну из них и надеюсь, что остальные исчезнут (исчезает ссылка, а не содержимое внутри ссылки).
Другими словами, если вы нажимаете на фразы "Да", "Нет" или "Не знаю", появляется дополнительный текст, который сворачивается. При нажатии на "Да" фразы "Нет" и "Я не знаю" исчезнут.
(Планирование на уровне копирования) передал вопрос в поисковую систему, рад, что нашел это решение) Спасибо!
Как отключить ссылку, используя только CSS?
Есть ли способ отключить ссылки с помощью CSS?
У меня есть класс с именем Current Page. Я хочу отключить ссылку для этого класса, чтобы при нажатии на нее не происходило действие.
20 ответов.
Ответ уже есть в комментариях к вопросу. Скопируйте это решение сюда, чтобы увеличить видимость.
О поддержке браузера см. https: //canius.com/#feat=pointer-events. Если вам нужна поддержка IE, есть решение. См. ответ.
ПРЕДУПРЕЖДЕНИЕ: События индексирования CSS для элементов, не относящихся к SVG, являются экспериментальными. Используемая функциональность была частью спецификации дизайна пользовательского интерфейса CSS3, но была отложена до CSS4 из-за ряда нерешенных вопросов.
CSS можно использовать только для изменения стиля объекта. Лучшее, что можно сделать с помощью чистого CSS, — это полностью скрыть ссылки.
Что вам действительно нужно, так это JavaScript. Поэтому используйте библиотеку JQuery, чтобы сделать то, что вы хотите.
CSS не может этого сделать. CSS предназначен для презентации. Вы можете выбрать следующие варианты.
- Они не заполняют ваши ярлыки.
- Используйте JavaScript, чтобы найти элемент якоря в этом классе и удалить функцию HREF или OnClick соответственно. jQuery поможет вам (NIKF показал, как сделать нечто подобное, но лучше).
Ссылки Bootstrap теперь отключаются
Кнопка Bootstrap отключена, но выглядит как ссылка
JavaScript: может быть настроен на пустоту (0)
Если вы хотите использовать HTML/CSS в своей форме, другой вариант — использовать кнопку Стиль и его регулировка.
Единственный способ сделать это без CSS — установить CSS в обертке DIV.
Чтобы действительно отключить его, необходимо заменить событие click или HREF, как описано другими.
PS: Чтобы уточнить, я считаю это решение довольно хитрым и не самым лучшим для SEO, но я думаю, что лучше всего использовать чистый CSS.
Если вы используете чистый CSS, вам нужно определить логику отключения в CSS.
Чтобы перенести логику в определение CSS, необходимо использовать селектор атрибутов. Вот несколько примеров.
отключить ссылку, которая имеет точный href: =
Вы можете отключить ссылки, содержащие определенное значение href. Пример.
отключить ссылку, содержащую фрагмент пути: *=
Здесь все ссылки, содержащие /ключевое слово/ в пути, будут отключены
отключить ссылку, которая начинается с: ^=
Оператор атрибут ^ = значение представляет собой целевой атрибут, который начинается с определенного значения. Это позволяет отклонять корневые сайты и пути.
Его также можно использовать для отключения ссылок без https. Например:.
отключить ссылку, которая заканчивается: $=
on attribute $ = value нацеливается на атрибуты, заканчивающиеся определенным значением. Может оказаться полезным изъятие расширений файлов.
или любой другой атрибут
Css может использовать любой атрибут HTML. rel, target, data-custom и т.д.
объединение селекторов атрибутов
Несколько правил могут быть связаны между собой. Предположим, вы хотите отключить все внешние ссылки, но не ссылки, указывающие на сайт.
Или отключить ссылки на PDF-файлы на определенном сайте:.
поддержка браузеров
Селектор функций поддерживается в IE7. Не () из IE9: не () из IE9.
Свойство on-pointer-events позволяет управлять тем, как HTML-элементы реагируют на события мыши/касания, такие как состояние CSS hover/active, события Javascript click/touch и видимость курсора.
Это не единственный способ отключения ссылок, но это отличный метод CSS, который работает в IE10+ и всех более новых браузерах.
Мы обыскали весь интернет и не нашли ничего лучшего. В принципе, чтобы отключить функциональность кнопки, просто добавьте стиль CSS с помощью jQuery следующим образом
Затем, чтобы снова включить его, выполните следующие действия
Проверено и работает в Firefox и IE11.
Спасибо всем, кто прислал решения. Мы объединили несколько подходов, чтобы обеспечить более продвинутую функциональность. Ниже приведены основные моменты и код.
Как сделать ссылку некликабельной CSS
Возможно, вам потребуется сделать ссылку некликабельной. Для этого необходимо указать CSS-свойство события указателя ссылки непосредственно через класс или ID.
Событие указателя: нет; /*Сделать ссылку невыбираемой*/.
Если курсор указывает на объект —, примените следующий класс.
Cursor: default; /* установите курсор на настройки по умолчанию (убирает значок пальца, когда палец находится над курсором)*/ /* text-decoration: none; /* убирает подчеркивание и очищает подсказки ссылок*/.
