Question Need CSS Rule to Change Autofill Color | Email Field Inside Subscription Bar

How-to and Troubleshooting

Last Post by AeroStar 2 hours ago

3 Posts

2 Users

0 Reactions

15 Views

RSS

Posts: 92

AeroStar

Topic starter

Jan 27, 2025 1:37 am

(@aerostar)

Estimable Member

Joined: 5 years ago

Hi there,

The CSS Rule you provided here for changing the autofill color of the Name and Email fields contained in Comments works great, but does not work for the Email field contained in the Subscription bar.

Details: https://prnt.sc/9ymDVhahKZFk

Can you kindly provide a CSS Rule for changing the autofill color of the Email field contained in the Subscription bar?

Thank you!

Topic Tags

2 Replies

Posts: 7726

Asti

Support

Jan 27, 2025 11:02 am

(@asti)

Illustrious Member

Joined: 7 years ago

Hi,

Try this one:

#wpdcom .wpdiscuz-subscribe-form-email:-webkit-autofill, #wpdcom .wpdiscuz-subscribe-form-email:-webkit-autofill:hover, #wpdcomwpdiscuz-subscribe-form-email:-webkit-autofill:focus, #wpdcom .wpdiscuz-subscribe-form-email:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px #dff0d8 inset; /* Sets the background color */ 
-webkit-text-fill-color: #000000; /* Changes the text color */ 
transition: background-color 5000s ease-in-out 0s; /* Prevents browser from resetting styles */ }

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

1 Reply

AeroStar

(@aerostar)

Joined: 5 years ago

Estimable Member

Posts: 92

Jan 27, 2025 3:42 pm

Reply to

Asti

Hi @asti,

Thanks for your speedy reply!

Unfortunately, it did not work for me. Did you try the CSS Rule at your end?

I tried several variations of your CSS Rule, including the addition of "!important;". Also, I disabled all other plugins and cleared cache, but it still didn't work.

Any other suggestions?

Thank you!