当您更改按钮颜色时，图标会消失？

Question

关于链接的NSFW警告

我有一个网站:

链接

在这个页面上，您会发现您的加入购物车按钮是橙色的。

该按钮有一个图标(一个购物车)……只有当您删除以下代码后，跟踪图标才会出现。

请删除下面的代码，然后您将看到图标出现。

.button.button span{
background:red !important;}

即使按钮是橙色，我该如何使这些图标显示出来？

谢谢！

- cristi

---

你能否请发送你的按钮HTML和CSS代码。同时，如果这个链接不适合工作场所，请注明。 - Paul Redmond

Answer 1

使用background-color替代background，因为字体图标是通过背景属性生成的。

移除

.button.button span {
   background: red !important;
}

将其添加到此CSS属性中：

.product-view .add-to-cart button.button span span {
  line-height: 52px;
  font-size: 14px;
  text-transform: capitalize;
  padding: 0 20px 0 70px;
  background: url('../images/icon_cart_product.png') 17px 50% no-repeat;
  background-color: red !important;
}

- Strycer