Woocommerce 仅更改单个产品页面按钮 css答案

【问题标题】：Woocoomerce only change single product page button cssWoocommerce 仅更改单个产品页面按钮 css
【发布时间】：2016-10-02 06:02:01
【问题描述】：

我在单一产品页面上有一个加入购物车按钮，我想改变它的外观。我不想更改我网站上的其他按钮。

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    background: #f2a700 none repeat scroll 0 0 !important;
    border: 2px solid #f2a700;
    color: #fff !important;
    margin-top: -4px;
    width: 57%;
}

【问题讨论】：

标签： css woocommerce wordpress-theming

【解决方案1】：

使用每个 WooCommerce 单一产品页面的 <body> 标记中包含的 single-product 类：

CSS

.single-product .single_add_to_cart_button {

    /* Style your button here */

}

【讨论】：