Чтобы отключить эффект hover в CSS, можно использовать свойство pointer-events: none;. Это свойство отключает события мыши, включая :hover, на элементе, к которому оно было применено.
Например, чтобы отключить hover-эффект на элементе div, следует применить стили с использованием свойства pointer-events:
div {
pointer-events: none;
}Это применяется ко всем событиям мыши, включая: hover, click, focus, и т.п. Если вы хотите отключить только hover-эффект, то можно использовать следующий CSS-код:
div:hover {
pointer-events: none;
}Таким образом, когда пользователь наводит курсор на элемент div, hover-эффект не будет применяться. Обратите внимание, что свойство pointer-events не поддерживается в Internet Explorer 10 и ниже.
