AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

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

✦ Summarize Topic

How-to and Troubleshooting

Last Post by AeroStar 12 months ago

3 Posts

2 Users

0 Reactions

4,199 Views

RSS

Posts: 125

AeroStar

Topic starter

Translate ▼

Jan 27, 2025 5:37 am

(@aerostar)

Estimable Member

Joined: 6 years ago

[#9530]

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: 8208

Asti

Support

Translate ▼

Jan 27, 2025 3:02 pm

(@asti)

Illustrious Member

Joined: 8 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: 6 years ago

Estimable Member

Posts: 125

Jan 27, 2025 7:42 pm

Reply to

Asti

Translate ▼

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!