richnologies / ngx-stripe

Angular 6+ wrapper for StripeJS
MIT License
219 stars 77 forks source link

StripePaymentInputComponent seems to ignore my css style #165

Closed manuelcunga closed 2 years ago

manuelcunga commented 2 years ago

I'm trying to add a style of mine to one of the stripe's input classes, and it seems that it is ignoring it, and I would like to know why this is happening.

richnologies commented 2 years ago

Hi @Lazaro-manuel, I need more details, is this a payment element or a card element? Can you provide me a snippet of the code you've tried so far? both HTML and TS?

manuelcunga commented 2 years ago

I want to get any class name there to put my css style.

And I also want to style each entry, like card, cvc and expiry

elementsOptions: StripeElementsOptions = { locale: 'pt', appearance:{ theme: 'flat',

  rules: {
    '.Input':{
      border: '6px solid #a85e32',
      boxShadow: '0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(18, 42, 66, 0.02)',
      padding: '0.375rem 0.75rem;',
      width: '100%',
      colorBackground: '#a85e32'
    }
  }
}

};

manuelcunga commented 2 years ago

Hi @Lazaro-manuel, I need more details, is this a payment element or a card element? Can you provide me a snippet of the code you've tried so far? both HTML and TS?

richnologies commented 2 years ago

Hi @Lazaro-manuel, I think is the same issue as this one: https://github.com/richnologies/ngx-stripe/issues/164