manlibear | Stripe Developers | Page 1

radiant ridgeBOT Dec 11, 2023, 9:26 AM

#

severe yoke Dec 11, 2023, 9:27 AM

#

hi! might be possible, which Element exactly , what does your current code look like?

spare gorge Dec 11, 2023, 9:27 AM

#

2 secs

#

const appearance = {
    labels: 'floating',
    variables: { colorPrimaryText: '#38d97a' },
    rules: {
        ".Input[name='postalCode']::placeholder": {
            color : "#fff"
        }
    }
};
const options = {
    defaultValues: {
        billingDetails: {
            address: {
                postal_code: ""
            }
        }
    }
};
elements = stripe.elements({ clientSecret, appearance });
paymentElement = elements.create('payment', options);
paymentElement.mount('#payment-element');

Tried styling just the postcode placeholder to be white (invisible) but it appears I can't target specific input fields

#

Floating labels and then setting all placeholders to white is the only option I've found so far, but it's only postcode that I actually want to change. I don't know what the segnificance of WS11 1DB is, but it's apparently confusing users

severe yoke Dec 11, 2023, 9:31 AM

#

hmm let me think

#

are you sure the input you're looking at is actually part of the Stripe PaymentElement? I haven't seen it show a placeholder like that in general, and using your code I get this

#

ah ok you have to click it

spare gorge Dec 11, 2023, 9:34 AM

#

Click into the Postal code field, looks like that's using floating labels

severe yoke Dec 11, 2023, 9:36 AM

#

ok, apparently we are tracking this a a feature request internally but right now it's not possible to customise

spare gorge Dec 11, 2023, 9:43 AM

#

Ahhh okay, thanks for the info, I'll opt for no placeholders in the meantime

#

Just out of idle curiosity, do you know the significance of that postcode? I googled it and it doesn't appear to be Stripe's UK HQ or anything

#manlibear