CasuallyCaffeinated

[tidal carbon]

Hey! Can you share your style object?

[cursive surge]

Sure thing!

 style: {
      base: {
        iconColor: '#C4F0FF',
        color: theme.colors.global.dark,
        fontSmoothing: 'antialiased',
        ':-webkit-autofill': {
             color: '#FCE883',
          },
        '::placeholder': {
             color: 'grey',
              },
         ':focus': {
                borderColor: theme.colors.global.focusedBlue
             },
          },
    },```

theme.colors.global.focusedBlue is just hex code #08EBFF

[tidal carbon]

Indeed, seems like it may not be supported. Trying to confirm

borderColor is not listed here as a supported property so I guess this is expected: https://stripe.com/docs/js/appendix/style

You can use border rules with Payment Element appearance API: https://stripe.com/docs/elements/appearance-api?platform=web#rules

[cursive surge]

Appearance API? Okay, I'll check that out

[tidal carbon]

To be clear, that won't work with the Card Element

Only the Payment Element

[cursive surge]

Ah, gotcha. So guess I'll look into the Payment Element.

Thank you

[tidal carbon]

np!