title: CSS browser compatibility with styled-components
body: <p>I'm styling my Gatsby.js site with styled-components CSS-in-JS.</p>
  <p>Is styled-components making my CSS compatible across browsers for me?</p>
  <p>For example, say I'm styling a form. With traditional CSS I would do something like:</p>
  <pre class="lang-css prettyprint-override"><code>button, input, select, textarea {
    margin: 0;
    width: 100%;
         border-sizing: border-box;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  </code></pre>
  <p>With styled-components, I'd like to do this:</p>
  <pre class="lang-js prettyprint-override"><code>const Form = styled.form`
    button, input, select, textarea {
      margin: 0;
      width: 100%;
      box-sizing: border-box;
    }
  `
  </code></pre>
  <p>Can I omit these <code>-moz</code> or <code>-webkit</code> declarations and still end up with cross-browser compatible CSS?</p>