How do I style stripe elements with error

Question

I was looking for a way to style stripe elements.

I found this answer https://stackoverflow.com/a/46087546/3808307 very useful for the focus part

.StripeElement--focus
  outline: none
  border 1px solid green

How do I style the same element when there is an error? There is an .ElementsApp .InputElement.is-invalid, but that is not it, that does not refer to the same container.

Thank you

score 0 · Accepted Answer · edited Nov 19 '18 at 23:07

0

I found it.

It's .StripeElement--invalid

edited Nov 19 '18 at 23:07

Chris

54,599
30
149
186

answered Nov 18 '18 at 14:08

user3808307

2,270
9
45
99

How do I style stripe elements with error

1 Answers1