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

将此添加到您的代码

＆＃13;

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

＆＃13;

Answer 4

如果你有链接这个

，你可以特定该课程

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

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

或者，如果您添加了class button.term，则需要编写.term button:hover

如果你发布代码会更简单回答你。

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

4 个答案: