如何覆盖Wordpress内联！重要风格

Question

I am using WooCommerce on Wordpress - the 'Add to cart' button on the product page has not changed with my updated global styling as it has an inline style:

<button type="submit" class="single_add_to_cart_button button alt gradient_" style="color: rgb(0,0,0)!important">Add to basket</button>

I can't override this with CSS so need to find the code in the template and remove it. When looking through my template I was able to find this in content-single-product.php

<div class="summary entry-summary">
        <?php
            /**
             * Hook: woocommerce_single_product_summary.
             *
             * @hooked woocommerce_template_single_title - 5
             * @hooked woocommerce_template_single_rating - 10
             * @hooked woocommerce_template_single_price - 10
             * @hooked woocommerce_template_single_excerpt - 20
             * @hooked woocommerce_template_single_add_to_cart - 30
             * @hooked woocommerce_template_single_meta - 40
             * @hooked woocommerce_template_single_sharing - 50
             * @hooked WC_Structured_Data::generate_product_data() - 60
             */
            do_action( 'woocommerce_single_product_summary' );
        ?>
</div>

Where do I find the hook that I need to edit, presumably

* @hooked woocommerce_template_single_add_to_cart - 30

Answer 1

There is an error in the jquery code you have been used

The code you have used is <script> jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart').removeAttr('style'); }); </script>

Replace the code as

<script> jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart').removeAttr('style'); </script>

Then it will work,