title: styling google's new recaptcha checkbox?
body: <p>I've implemented Googles new recaptcha checkbox like so:</p>
  
  <pre><code>&lt;div class="g-recaptcha" data-sitekey="MY_SITE_KEY"&gt;&lt;div&gt;
  </code></pre>
  
  <p>When loaded the iframe contents look like this:</p>
  
  <pre><code>&lt;div class="rc-anchor rc-anchor-standard"&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/aEjV6.jpg" alt="enter image description here"></p>
  
  <p>Here are the styles defined for the current look:</p>
  
  <pre><code>.rc-anchor-standard {
    background: #f9f9f9;
    border: 1px solid #d3d3d3;
    color: #000;
  }
  </code></pre>
  
  <p>I'm trying to achieve this look: </p>
  
  <p><img src="https://i.stack.imgur.com/8Xv4m.jpg" alt="enter image description here"></p>
  
  <p>I've added this to my css file:</p>
  
  <pre><code>.rc-anchor-standard {
    background: #ffffff !important;
    border: 0px !important;
    color: #ffffff !important;
  }
  </code></pre>
  
  <p>The style never changes...any thoughts why this isn't working?</p>
  
  <p>Thanks,
  -Paul</p>