chargebee-js-wrappers icon indicating copy to clipboard operation
chargebee-js-wrappers copied to clipboard

Cannot customize BorderColor

Open AtallahFatma opened this issue 3 years ago • 2 comments

Our company just decided to use Chargebee and I'm working Chargebee component customisation. But I can't move forward and be aligned with our design. I'm not able to add a red border-color when field is invalid, or onFocus.. Is it possible to add borderColor to the whitelisted styles? Thank you in advance!

AtallahFatma avatar Nov 15 '22 16:11 AtallahFatma

@AtallahFatma the borderColor can be applied to the container element within which the Chargebee's field will get mounted.

cb-dinesh avatar Jan 10 '23 13:01 cb-dinesh

I couldn't find a way to change it with the style prop, but you can add the following class to your css

.invalid-card-input{
  border-color: red;
}

YassienW avatar Jan 25 '23 17:01 YassienW