CSS |按钮：悬停背景仍然是灰色的答案

【问题标题】：css | button:hover background still greyCSS |按钮：悬停背景仍然是灰色的
【发布时间】：2017-02-15 06:07:33
【问题描述】：

我注意到悬停时网格旁边的按钮 (button.term) 变为灰色。我已将伪类（悬停、焦点、活动、访问）设置为 white!important，但它仍然不起作用。

Website

【问题讨论】：

一般来说，SO 上的大多数人不会点击随机网站链接来查找此类问题。您应该设置一个 JSFiddle 来重新创建问题并将其发布在这里。
检查并找出覆盖样式的内容
你能告诉我们你的代码吗？
欢迎来到 SO，请访问帮助中心，了解如何提出好问题。另外，请阅读：meta.stackoverflow.com/questions/254428/…

标签： css wordpress pseudo-class

【解决方案1】：

添加到css：

box-shadow:none;

.is-desktop #course_grid button.term {
    flex-basis: 7.5%;
    color: transparent!important;
    background: no-repeat center center;
    background-color: white !important;
    background-size: contain;
    opacity: 0.7;
    box-shadow: none;
}

【讨论】：

【解决方案2】：

box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.15);

这会覆盖您的代码。

【讨论】：

谢谢，不过没必要，“无”就够了
这是您的原始代码。只是指出问题出在哪里，这样您就可以自己解决问题并从中学习；）

【解决方案3】：

将此添加到您的代码中

<style>
  button:hover{
  box-shadow: none !important;
  }
  </style>

【讨论】：

【解决方案4】：

如果你有这个链接，你可以指定之前的类

.class-dvi .button:hover {background-color: white}

你也可以使用 box-shadow: none;但不认为你需要。

或者如果你添加了类 button.term 你需要写.term button:hover

如果你贴出代码会更简单的回答你。

【讨论】：