CSS禁用悬停效果_Css_Hover - Fatal编程技术网

CSS禁用悬停效果

css

CSS禁用悬停效果,css,hover,Css,Hover,我需要在整个DOM中禁用鼠标悬停在特定按钮（而不是所有按钮）上。请让我知道如何实现它使用CSS类当我的按钮被禁用时，我正在使用下面的CSS类。现在我想用同一个类删除悬停效果 .buttonDisabled { Cursor:text !important; Text-Decoration: None !important; } 上面的课程将负责删除鼠标悬停时的手势和文本下划线。现在我想删除悬停效果也。请让我知道。添加以下内容以在禁用按钮上添加悬停效果： .buttonDisable

我需要在整个DOM中禁用鼠标悬停在特定按钮（而不是所有按钮）上。请让我知道如何实现它使用CSS类

当我的按钮被禁用时，我正在使用下面的CSS类。现在我想用同一个类删除悬停效果

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

上面的课程将负责删除鼠标悬停时的手势和文本下划线。现在我想删除悬停效果也。请让我知道。

添加以下内容以在禁用按钮上添加悬停效果：

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

要禁用悬停效果，我有两个建议：

如果您的悬停效果是由JavaScript触发的，只需使用
```
$.unbind（'hover'）
```


如果悬停样式是由类触发的，那么只需使用$.removeClass（'hovercsclass'）


使用CSS！重要信息
覆盖CSS会使CSS非常不干净，因此不建议使用该方法。你可以用不同的类名复制一个CSS样式来保持相同的样式。从你的问题中我能理解的是，你的按钮上已经有了一些悬停效果，你想删除它。
为此，要么删除导致悬停效果的css，要么覆盖它
要进行覆盖，请执行以下操作
.buttonDisabled:hover
{
    //overriding css goes here
}

例如，如果鼠标悬停时按钮的背景颜色从红色变为蓝色。在覆盖css中，您将使其变为红色，这样它就不会改变
还要学习编写和重写css的所有规则。熟悉css将具有什么优先级
祝你好运。
我有一个非常简单的解决方案
只需创建一个新类
.noHover{
    pointer-events: none;
}

并使用此选项禁用其上的任何事件。像这样使用它：
<a href='' class='btn noHover'>You cant touch ME :P</a>

您可以使用：非选择器：
HTML代码：
<a class="button">Click me</a>
<a class="button disable">Click me</a>

这样，当未应用指定的类（.disable）时，可以应用悬停效果样式。
以下是取消悬停效果的方法
.table-hover > tbody > tr.hidden-table:hover > td {
    background-color: unset !important;
    color: unset !important;
}

我尝试了以下方法，效果更好
代码：
.unstyled-link{ 
  color: inherit;
  text-decoration: inherit;
  &:link,
  &:hover {
    color: inherit;
    text-decoration: inherit;
  }
}

这样做的Html和CSS是在头标签。只需创建一个新类，并在css中使用以下代码段：
pointer-events:none;

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .buttonDisabled {
        pointer-events: none;
      }
    </style>
  </head>
  <body>
    <button class="buttonDisabled">Not-a-button</button>
  </body>
</html>

指针事件：无；
文件
.扣子不可拆卸{
指针事件：无；
}
非诚勿扰
元素上设置了哪些属性？背景色？你说的是什么“悬停效应”？澄清你的问题。这也会禁用元素上的所有事件。在这种情况下，“所有”按钮将变得不可点击。是的，这将禁用此元素上的每个用户事件最佳CSS规则。非常感谢你。我没有意识到这一点。非常感谢@Seetpalsingh，“指针事件”就是提示！@Shikatsu Kagaminara。这只会禁用应用该类的元素的事件。我可能不明白你和其他25个人对这个解决方案有什么问题某些内容
仅使用悬停
类不会影响任何其他元素。tbh，使用2种不同的语言比使用1种语言更糟糕！强求。只要稍加练习，就可以用很多方法编写CSS，而不必使用太多的工具！importend属性。这并不能回答问题。@DrLightman您可以在此处设置反向逻辑，使悬停效果似乎没有任何作用。您可以解释：&:not（.disable）：hover将：not选择器用于将样式应用于括号之间未指定类的所有元素。在本例中，我们将在所有元素上指定悬停样式，这些元素的类为“button”，而这些元素的类为“disable”。希望现在一切都清楚：）我不相信建议你使用！重要指标。我想这只适用于特殊情况，这里不适用。太好了！！！完美无瑕！！
  .buttonDisabled{
     background-color: unset !important;
    color: unset !important;
}

pointer-events:none;

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .buttonDisabled {
        pointer-events: none;
      }
    </style>
  </head>
  <body>
    <button class="buttonDisabled">Not-a-button</button>
  </body>
</html>