You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改WooCommerce购物车下拉菜单中“查看购物车”及计数器的颜色?

解决方案
  • 登录WordPress后台,进入外观 > 自定义 > 额外CSS
  • 将以下代码粘贴到额外CSS输入框中,保存更改即可:
/* 修改购物车计数器文字颜色为黑色 */
.header-cart .cart-count {
    color: #000000 !important;
}

/* 修改购物车下拉菜单中"查看购物车"文字颜色为黑色 */
.header-cart .widget_shopping_cart .buttons a.button.wc-forward {
    color: #000000 !important;
}

代码说明:

  • .header-cart .cart-count 定位到购物车图标旁的计数器元素,color: #000000 设置文字为纯黑色,!important 确保覆盖主题默认样式
  • .header-cart .widget_shopping_cart .buttons a.button.wc-forward 定位到下拉菜单底部的“查看购物车”链接,同样设置文字颜色为黑色

如果需要调整颜色深浅,可将#000000替换为其他十六进制颜色码(比如深灰色#333333)。

内容的提问来源于stack exchange,提问作者Insomniac Sammie

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.28 08:44:55