title: Stripe elements style setting in css
body: <p>I can set styles in the style options object for stripe</p>
  <pre><code>var elementStyles = {
      base: {
          textAlign: 'center',
          fontWeight: 400,
          fontSize: '12px',
          color: '#333'
      }
  };
            
  var stripe = stripeElements.elements();
  
  cardNumberStripeElement = stripe.create('cardNumber', {
      styles: elementStyles
  });
  </code></pre>
  <p>But I want to transfer styles to css.
  This example does not apply my styles, only those that apply to the container</p>
  <pre><code>var elementClasses = {
      base: 'card-info-base'
  };
  var stripe = stripeElements.elements();
  
  cardNumberStripeElement = stripe.create('cardNumber', {
      classes: elementClasses
  });
  </code></pre>
  <p>in css</p>
  <pre><code>.card-info-base {
      text-align: center &quot;does not work&quot;;
      font-weight: 400 &quot;does not work&quot;;
      font-size: 12px &quot;does not work&quot;;
      height: 100px &quot;works&quot;
  }
  </code></pre>
  <p><strong>How do i transfer styles to css?</strong></p>