@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.