CardNumberElement, CardExpiryElement, and CardCVCElement (and potentially others) are not getting the textAlign style applied to the input placeholders on Internet Explorer 11. textAlign works fine on the input itself, it's only the ::placeholder that it is not getting applied to. Example implementation:
Works fine on all other browsers. Other style attributes like color also working fine on the placeholder in IE11. Tested using v2 and v6 of react-stripe-elements
Closing this as this project has migrated to React Stripe.js as of early 2020, which also has a somewhat different API. If you believe this is still important, please re-open it there.
Summary
CardNumberElement, CardExpiryElement, and CardCVCElement (and potentially others) are not getting the
textAlign
style applied to the input placeholders on Internet Explorer 11.textAlign
works fine on the input itself, it's only the::placeholder
that it is not getting applied to. Example implementation:Other information
IE11:
Chrome:
Works fine on all other browsers. Other style attributes like
color
also working fine on the placeholder in IE11. Tested using v2 and v6 of react-stripe-elements