Чтобы отключить эффект 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 и ниже.