Ludvig-React

[ember tiger]

Hi, have you tried selecting like this in here: https://stripe.com/docs/payments/integration-builder ?

[ruby flame]

Is there a codesandbox of it?

Weirdly enough, I get a quick flash of the chosen color but it quickly returns to white

#card-element {
    background: red;
  }

So I copied all the code and styles from the link you sent and tried changing the #card-element background. And again. Nothing except the quick flash of the right color when I refresh the page.

[ember tiger]

Hi, sorry I am not super familiar with React styling, but this might help you? https://stripe.com/docs/stripe-js/react#customization-and-styling

It has a code sandbox

https://codesandbox.io/s/react-stripe-js-card-detailed-omfb3?file=/src/App.js

Hmm it does look like what you are searching for

[ruby flame]

I copied that code as well and changed the FormGroup { background-color: #000 }

Same thing happens, with the flash and everything

It works in the codesandbox though

weird

Can we get someone in here that knows react/next.js and the react stripe elements package well?

[ember tiger]

Sure, you can come back later when others are online, and open a new thread. For now the Sandbox is what I have to offer

Your code is the same, but it's working only on the Sandbox?

Any function/method that might immediately reverting you back to the white style?

[ruby flame]

Yup, could have something to do with package versions but I doubt it

[ruby flame]

No, I have tried isolating the code and styling inside my project as much as possible. Just super weird.

Thanks for trying your best 🙂 I'll keep trying and i'll post later today if I still can't figure it out