Styling card inputs

Applying css styles to the card element input field.

With Stripe.js to style the card element input field. Apply the styles to the container in which the element is mounted as if it were the input field.

Console

            
              <style>
                .my-input {
                  border: 3px solid red;
                }
              </style>

              <div id="card-element" class="my-input"></div>
            
          

Experiment and learn

Make copies, remix, change and learn how to play with this tinydemo.

• Read the code behind this tinydemo
• Make your own copy of this tinydemo
• See a list of all tinydemos
• Watch a tutorial on setting up the environment variables

Any questions?

Reach out to us on any of our contact channels:

• https://support.stripe.com/email
• https://stripe.com/go/developer-chat
• https://twitter.com/StripeDev