title: How can I put border styling with react-stripe-elements input component?
body: <p>About this React component library.</p>
  
  <ul>
  <li><a href="https://github.com/stripe/react-stripe-elements" rel="noreferrer">https://github.com/stripe/react-stripe-elements</a></li>
  </ul>
  
  <p>How can I put border styling with input component?</p>
  
  <pre><code>&lt;CardElement style={{
    base: {
      fontSize: '18px',
      border: '1px solid red' // it is not work.
    } 
  }} /&gt;
  </code></pre>
  
  <p>but, seems they didn't provide custom style interface, though.</p>
  
  <ul>
  <li><a href="https://stripe.com/docs/elements/reference#element-options" rel="noreferrer">https://stripe.com/docs/elements/reference#element-options</a>\</li>
  </ul>
  
  <p>Anyone know?</p>
  
  <p><strong>Update:</strong></p>
  
  <p>following are sample code that using <code>StripeElement</code> class to apply custom styling.</p>
  
  <pre><code>.StripeElement {
    border: 1px solid #eee;
  }
  
  .StripeElement--invalid {
    border: 1px solid red;
  }
  </code></pre>