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

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

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,

Template file with "add to cart" button is probably located is wp-content/you-theme/woocommerce/single-product/add-to-cart/simple.php (or any file in single-product/add-to-cart)

To customize the add to cart button you just have to open the WordPress customizer. In the WordPress admin go to

1) Appearance -> Customize and load the customizer.

Then in the customizer click on Buttons -> Alternate button background color and set your color.

2) Press Save & Publish and you're done.

Style attribute can be removed using jQuery. You need to add your css in theme style.css or any other place so that it gets loaded in header. Here is the code that can be pasted in functions.php of the current theme.

    function ks_footer(){
        ?>
        <script>
            jQuery(function() {
              jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart').removeAttr('style'); //3 Red Buttons
              jQuery('.single_add_to_cart_button').removeAttr('style');
            }); //Top Blue Button
        </script>
        <?php
    }
    add_action( 'wp_footer', 'ks_footer' ); 

Here is the quick Tryit editor to demonstrate the idea.