Q:

How to override Wordpress inline !important style

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

A:

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,

