Отключение псвевдоклассов :hover на элементах
На тегах div требуется отключить поведение при наведении и кликах. Прописывать для каждого класса по цветам специальный псевдокласс для неизменности поведения :hover довольно муторно. Добавлять отдельные классы и прописывать для каждого цвета — проект уже большой, тоже долго. Куда проще юзать свойство pointer-events: none;
div.btn
Быстро и просто.
Оставить ответ Отменить ответ
Последнее
- Интеграция на сайт платежей ЮKassa через api с готовым виджетом оплат и автоплатежами 23.12.2023
- Что делать если тормозят карты сайта на wordpress на большом количестве записей? 09.11.2023
- Убираем повторяющиеся и крайние слеши в Nginx/Apache2 на сайте под управлением PHP 06.11.2023
- Кастомный Bot Fight mode при помощи Cloudflare API который отсеит большинство наглых ботов и парсеров 03.11.2023
- Динамическая обработка отсутствующей статики и её кеширование 02.11.2023
Как отключить hover css
Можно использовать свойство pointer-events: none; в CSS для этого элемента.
a.disabled pointer-events: none; > Это уберет данный эффект для ссылки с классом disabled . Стоит обратить внимание, что при использовании этого свойства элемент не будет реагировать ни на какие события мыши, включая нажатия.
Курсы javascript
и CSS стили с такими селекторами
li:hover ul
могу ли я с помощью javascript отменить действие псевдокласса :hover?
Нужно, чтобы этот псевдокласс не действовал на странице для конкретных элементов.
Спасибо.
30.11.2010, 21:18
Регистрация: 19.08.2010
Сообщений: 14,102
Может таки в ЦССе и ХТМЛе для начала порядок навести? Там широкий спектр селекторов и свойств. Причем тут JS?
01.12.2010, 18:32
Кандидат Javascript-наук
Регистрация: 01.08.2009
Сообщений: 102
ksa,
Я хочу сделать выпадающее меню, но такое, чтобы работало на css, когда javascript отключён. А когда включён, то меню должно работать на javascript. На каком-то сайте видел такое, решил реализовать.
Меню на css уже есть, осталось добавить нужный javascript. Сейчас, когда я ставлю на меню javascript, всё работает неправильно. Посоветуйте какую-нибудь идею.
Как отменить «:hover» для определенного «»?
По бокам пункты меню, по центре логотип (тоже как ).
Для каждого стоит :hover с background-ом — синего цвета.
Нужно сделать так, чтобы с логотипом не использовал этот :hover (который применяется ко всем ).
Прошу помощи! Спасибо!
Дополнен 8 лет назад
Создаю горизонтальное меню.
По бокам пункты меню, по центре логотип (тоже как ).
Для каждого стоит :hover с background-ом — синего цвета.
Нужно сделать так, чтобы с логотипом не использовал этот :hover (который применяется ко всем ).
Прошу помощи! Спасибо!
Дополнен 8 лет назад
Поправка:
Создаю горизонтальное меню.
По бокам пункты меню, по центре логотип (тоже как li).
Для каждого li стоит :hover с background-ом — синего цвета.
Нужно сделать так, чтобы li с логотипом не использовал этот :hover (который применяется ко всем li).
Прошу помощи! Спасибо!
Лучший ответ
Зачем логотип заключать в li? Можно конечно, но это будет нелогично с точки зрения структуры сайта. Если лого посередине, то похоже не на шаблонный сайт. Делаете два списка, а между ними лого.
Но если очень надо, то добавьте класс для пунктов меню, а для для li a, где находится лого не добавляйте.
#u_menu ul li a.вашкласс: hover, #u_menu ul li a.вашкласс: active background: #8ebeca;
color: #fff;
text-shadow: -1px -1px #859fa8;
>
Остальные ответы
Добавить отдельный класс к логотипу и не забыть про important, если понадобится.
.logo:hover
overlast93Ученик (122) 8 лет назад
Вот код: http://jsfiddle.net/Yakymiv/oyh2m7fx/2/
Можно по подробнее про класс?
aaa Мыслитель (7201) .logo:hover
#u_menu ul li a:hover:not(.logo), #u_menu ul li a:active:not(.logo) background: #8ebeca;
color: #fff;
text-shadow: -1px -1px #859fa8;
>