Credit Card placeholder text black on dark theme

UX
1

I’m trying to figure out how to customise the color of the text in the credit card input field. It currently doesn’t work on dark themes for me (black on dark grey).

Using the following in the custom CSS for the theme isn’t working. Any advice would be much appreciated!

input.InputElement[name="cardnumber"] {
    color: white;
}

I don’t seem to be able to select the element at all, I’ve tried various permutation of CSS selectors.

2

I’m getting that on my test site too:

image
image716×533 6.45 KB

I’ve moved this over to ux to get it some attention. :+1:

I’m not sure how you can target the placeholder text for a short-term fix, though hopefully someone more CSS knowledgable can help. :crossed_fingers:

1 Like
11

We were struggling getting a consistent repro on this, but I think we’ve narrowed it down to Firefox browser (the placeholder text is grey in Chrome, for instance). Does this track with what you’ve been experiencing?

1 Like
16

Hi @cwbc :slightly_smiling_face:

This has now been fixed. :+1: If you update your plugin you should see the change.

5 Likes
17

This topic was automatically closed after 5 days. New replies are no longer allowed.