css |按钮：悬停背景仍然是灰色

Question

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

Answer 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;
}

Answer 2

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

这会覆盖您的代码。

Answer 3

将此添加到您的代码中

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

Answer 4

如果你有link这个

，你可以在之前指定class

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

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

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

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

css |按钮：悬停背景仍然是灰色

css | button:hover background still grey

css

wordpress

pseudo-class