Отключение псвевдоклассов :hover на элементах

Можно конечно использовать дополнительный класс или накидать костыль на js. Но например у нас есть bootstrap проект, с классами кнопок .btn они используются нами в тегах div, button, a

На тегах div требуется отключить поведение при наведении и кликах. Прописывать для каждого класса по цветам специальный псевдокласс для неизменности поведения :hover довольно муторно. Добавлять отдельные классы и прописывать для каждого цвета — проект уже большой, тоже долго. Куда проще юзать свойство pointer-events: none;

div.btn {
    cursor: default !important;
    pointer-events: none;
}

Быстро и просто.

Оставить ответ

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