How can I style a Stripe Elements input with Bootstrap?

↧

Answer by Sanan Ali for How can I style a Stripe Elements input with Bootstrap?

December 15, 2021, 3:23 am

I was using stripe with react and I was trying to use classes on parent container but it wasn't working for me. So, I ended up using inline styles for containers.Here is the final code that worked for...

View Article

Answer by Giovanni Mascellani for How can I style a Stripe Elements input...

April 18, 2021, 1:29 am

Improving on other answers, I got the following solution. Take it with a grain of salt, though. The CSS for .StripeElement--focus and .card-element-disabled is copied from Bootstrap, so you might want...

View Article

Answer by Louie Bacaj for How can I style a Stripe Elements input with...

February 3, 2020, 10:32 am

Adding another Answer since I felt the simplest one on here was slightly incomplete. Added the error display and the JavaScript used to send the token to the back-end in case you want to do that.This...

View Article

Image may be NSFW.
Clik here to view.

Answer by Abram for How can I style a Stripe Elements input with Bootstrap?

November 2, 2018, 1:53 pm

This is all that was required for us using <div class="form-group"><label for="card-element">Credit or debit card</label><div id="card-element" class="form-control" style='height:...

View Article

Answer by Brian Gottier for How can I style a Stripe Elements input with...

February 24, 2018, 3:26 pm

Alright, so I had to figure this out, because I was using Stripe.js v2, and the security vulnerability was explained to me by Stripe tech support, so I felt obligated to switch to Stripe.js v3...

View Article

Answer by michael for How can I style a Stripe Elements input with Bootstrap?

September 4, 2017, 7:35 am

After digging around the docs a bit more, I found that https://stripe.com/docs/stripe.js#the-element-container says "Youshould style the container you mount an Element to as if it were an on your...

View Article