CSS disable hover effect

Question

Мне нужно отключить наведение мыши на определенной кнопке (не на всех кнопках) во всей DOM. Пожалуйста, дайте мне знать, как достичь этого, используя класс CSS.

Я использую ниже класс CSS, когда моя кнопка отключена. теперь я хочу удалить эффект наведения с использованием того же класса.

.buttonDisabled 
{ 
Cursor:text !important; Text-Decoration: None !important; 
} 

Вышеупомянутый класс позаботится об удалении знака руки и подчеркивания текста при наведении курсора мыши. Теперь я хочу удалить эффект наведения. Пожалуйста, дайте мне знать.

Answer 1

добавить следующее, чтобы добавить эффект при наведении на кнопку инвалидов

.buttonDisabled:hover 
    { 
     /*your code goes here*/ 
    } 

Answer 2

Чтобы отключить эффект парения, у меня есть два предложения:

• если ваш эффект парения запускается JavaScript, просто использовать $.unbind('hover');
• если ваш стиль парения вызывается классом, а затем просто использовать $.removeClass('hoverCssClass');

Использование CSS !important для переопределения CSS сделает ваш CSS очень нечистым, поэтому этот метод не рекомендуется. Вы всегда можете дублировать стиль CSS с другим именем класса, чтобы сохранить тот же стиль.

Answer 3

С вашего вопроса все, что я могу понять, это то, что у вас уже есть эффект зависания на вашей кнопке, которую вы хотите удалить. Для этого удалите этот css, который вызывает эффект наведения или переопределяет его.

Для переопределения, сделайте это

.buttonDisabled:hover 
{ 
    //overriding css goes here 
} 

Например, если цвет фона изменения вашей кнопки на парении от красного до синего. В переопределении css вы сделаете его красным, чтобы он не изменился.

Также пройдите все правила написания и переопределения css. Ознакомьтесь с тем, какой css будет иметь какой приоритет.

Удачи.

Answer 4

У меня действительно простое решение для этого.

просто создать новый класс

.noHover{ 
    pointer-events: none; 
} 

и использовать это, чтобы отключить какое-либо событие на нем. используйте его как:

<a href='' class='btn noHover'>You cant touch ME :P</a>