css - 如何在woocommerce上更改付款方式背景

Question

我想更改订单摘要和付款方式（Woocommerce）的背景。下面的 CSS 代码更改了订单摘要。但是，以下付款方式部分的背景颜色不会改变。我无法编写 CSS。

不变的部分是检查ul.wc_payment_methods.payment_methods.methods。

.woocommerce-checkout table.shop_table {
    background-color: #fff;   
}

标签： csswoocommerce

Answer 1

您需要覆盖两个元素。#order_review增加了自定义CSS的特异性更高。

#order_review .woocommerce-checkout #payment ul.payment_methods, /* Payment Method */
#order_review table.woocommerce-checkout-review-order-table { /* Review Order */
  background: #fff;
}

输出：

编辑：

得到了支持的回应。还需要添加CSS代码：

.woocommerce-checkout #payment .wc_payment_methods {    
   background-color: transparent;
}