@bigcommerce/checkout-sdk / StripeElementCSSProperties
CSS properties supported by Stripe.js.
-
StripeElementCSSProperties
- backgroundColor
- color
- fontFamily
- fontSize
- fontSmoothing
- fontStyle
- fontVariant
- fontWeight
- iconColor
- letterSpacing
- lineHeight
- padding
- textAlign
- textDecoration
- textShadow
- textTransform
• Optional backgroundColor: string
The background-color CSS property.
This property works best with the ::selection pseudo-class.
In other cases, consider setting the background color on the element's container instaed.
• Optional color: string
The color CSS property.
• Optional fontFamily: string
The font-family CSS property.
• Optional fontSize: string
The font-size CSS property.
• Optional fontSmoothing: string
The font-smoothing CSS property.
• Optional fontStyle: string
The font-style CSS property.
• Optional fontVariant: string
The font-variant CSS property.
• Optional fontWeight: string
The font-weight CSS property.
• Optional iconColor: string
A custom property, used to set the color of the icons that are rendered in an element.
• Optional letterSpacing: string
The letter-spacing CSS property.
• Optional lineHeight: string
The line-height CSS property.
To avoid cursors being rendered inconsistently across browsers, consider using a padding on the element's container instead.
• Optional padding: string
The padding CSS property.
Available for the idealBank element.
Accepts integer px values.
• Optional textAlign: string
The text-align CSS property.
Available for the cardNumber, cardExpiry, and cardCvc elements.
• Optional textDecoration: string
The text-decoration CSS property.
• Optional textShadow: string
The text-shadow CSS property.
• Optional textTransform: string
The text-transform CSS property.