Autofill CSS passed is not getting applied

[Vaibhav-Dashore]

Hi,

I'm passing the autofill styles to the style object like this -

        <Frames
                config={
                  {
                    publicKey: checkoutPublicKey,
                    localization: {
                      cardNumberPlaceholder: 'Enter card number',
                      expiryMonthPlaceholder: 'MM ',
                      expiryYearPlaceholder: ' YY',
                      cvvPlaceholder: 'CVV',
                    },
                    style: {
                      base: {
                        // some styles
                      },
                      autofill: {
                        backgroundColor: 'rgba(255,255,255,0.1) !important',
                      },
                      }
                      }}

Still when the credit card information is auto filled in chrome, a white mask is getting applied over the card field.