WooCommerce页面文字配色异常求助：白字配白背景CSS修复无效

开发者阿泽

2026-8-8

问题修复方案

购物车场景样式修复

针对购物车弹窗、购物车页面里的商品链接、卖家名称链接、价格文本，使用更精准的CSS选择器强制覆盖原有样式：

/* 购物车页面/弹窗的商品链接 */
.woocommerce-cart .cart_item a,
.woocommerce-mini-cart .mini-cart-item a {
    color: #000 !important;
}

/* 购物车页面/弹窗的卖家名称链接 */
.woocommerce-cart .cart_item .seller-name a,
.woocommerce-mini-cart .mini-cart-item .seller-name a {
    color: #000 !important;
}

/* 购物车页面/弹窗的价格文本 */
.woocommerce-cart .cart_item .price,
.woocommerce-mini-cart .mini-cart-item .price {
    color: #000 !important;
}

结账页面标题样式修复

针对结账页的“您的订单”和“账单详情”标题，直接定位对应标题元素调整颜色：

/* 结账页面"账单详情"标题 */
.woocommerce-checkout .woocommerce-billing-fields h3 {
    color: #000 !important;
}

/* 结账页面"您的订单"标题 */
.woocommerce-checkout #order_review_heading {
    color: #000 !important;
}