Css 元素的颜色更改在移动浏览器（iPad）上无法正常工作

我正在使用WooCommerce构建一个电子商务站点（），我已使用以下代码更改了“添加到购物车”按钮的颜色：

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
    background: -moz-linear-gradient(center top , rgb(26, 22, 27) 0%, rgb(26, 22, 27) 100%) repeat scroll 0% 0% transparent !important;
    border-color: rgb(26, 22, 27) !important;
    color: rgb(255, 255, 255);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
}

由于某种原因，颜色的变化只是发生在电脑屏幕上。当我在iPad或iPhone上查看站点时，addtocart按钮是蓝色的，而不是我想要的黑色。我曾在另一个站点（不同的域和主机）上尝试过该代码，它运行良好，所有设备的按钮都变黑了

---

可能是什么问题？

我相信这是因为您正在使用

 -moz-linear-gradient(center top , rgb(26, 22, 27) 0%, rgb(26, 22, 27) 100%)

这是mozilla独有的。由于iDevices不使用mozilla，因此无法正确渲染

其他浏览器的等价物是

-webkit-gradient //Safari, chrome, etc. Webkit browsers
-webkit-linear-gradient // see above
-o-linear-gradient //Opera
-linear-gradient

---

我相信这是因为你在使用

 -moz-linear-gradient(center top , rgb(26, 22, 27) 0%, rgb(26, 22, 27) 100%)

这是mozilla独有的。由于iDevices不使用mozilla，因此无法正确渲染

其他浏览器的等价物是

-webkit-gradient //Safari, chrome, etc. Webkit browsers
-webkit-linear-gradient // see above
-o-linear-gradient //Opera
-linear-gradient

---

可能是缓存问题？可能是缓存问题？谢谢！我能解决这个问题。@Charlie如果这个答案对你有帮助，那么请投票并将其标记为接受。这样，您将收到rep（接受回答）。谢谢！我能解决这个问题。@Charlie如果这个答案对你有帮助，那么请投票并将其标记为接受。这样，您将收到rep（接受回答）。