title: In a HTML-tag style"{...}{:active ... } doesn't work?
body: <p>I stuck, because I tried so many different combinations, I have no idea why this doesn't work.</p>
  
  <p>Wordpress
  woocommerce 
  Checkout
  From (submit) back button
  form submit button tag with <code>style="{} :active{}"</code> </p>
  
  <p>I have no head where I can store css, just a template with the form.
  Submit is already pre styled in the main style.css. 
  I just wanna style two buttons "Pay" and "back", not all buttons.
  I put the complete css in the html of the button, this is working exept the :active this doesn't work</p>
  
  <pre><code>&lt;table width="100%"&gt;&lt;tr&gt;&lt;td width="23%"&gt;&lt;input type="submit" class="button alt" name="woocommerce_checkout_update_totals" id="place_order" value="&lt;?php _e( 'back', Woocommerce_German_Market::get_textdomain() ) ?&gt;" style="{position: relative;color: rgba(255,255,255,1);text-decoration: none;background-color: rgb(248, 1, 8);font-weight: bold;display: block;padding: 18px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0px 9px 0px rgb(179, 6, 1), 0px 9px 25px rgba(0,0,0,.7);-moz-box-shadow: 0px 9px 0px rgb(179, 6, 1), 0px 9px 25px rgba(0,0,0,.7);box-shadow: 0px 9px 0px rgb(179, 6, 1), 0px 9px 25px rgba(0,0,0,.7);margin: 2px 0px 25px 0px;text-align: center;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease; font-size: 1.387em;} :active {-webkit-box-shadow: 0px 3px 0px rgb(179, 6, 1), 0px 3px 6px rgba(0,0,0,.9);-moz-box-shadow: 0px 3px 0px rgb(179, 6, 1), 0px 3px 6px rgba(0,0,0,.9);box-shadow:0px 3px 0px rgb(179, 6, 1), 0px 3px 6px rgba(0,0,0,.9);position: relative;top: 6px}" /&gt;&lt;/td&gt;
  &lt;td width="77%"&gt;&lt;div align="center"&gt;something maybe a button&lt;/div&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>