Woocommerse minicart小部件按钮悬停覆盖

Question

每个人，

我是WordPress的新手（使用localhost）。我想更改WooCommerce迷你购物车小部件按钮的悬停颜色。

我写了以下代码：

.widget_shopping_cart .button {
  margin:0.5em 0 0;
  width:100%;
  background: white !important;
}
.widget_shopping_cart .button:hover {
  width:100%;
  background: white !important;
}

虽然当我将鼠标悬停在按钮(background color set to white)上时，虽然我将灰色叠加层放在顶部（无论我选择的悬停背景颜色），但它都有效。这完全是我的烦恼，因为它使我的选择颜色变得更脏（更暗）。我怎么能摆脱它？我正在使用一些主题。

Answer 1

.widget_shopping_cart .button:hover {
  width:100%;
  background: white !important;
  box-shadow: none !important;
}

将css属性的box-shadow设置为none，就可以了。