Ugly Yellow Input Fields on wp-admin

Never, ever, edit WordPress core scripts. Try looking for a suitable login customisation plugin instead.

Okay, so upon inspection I’ve realized that it’s not a stylesheet on my end I guess…? Shows up as

user agent stylesheet

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: #FAFFBD;
background-image: none;
color: rgb(0, 0, 0);

Is there anyway to overwrite this from my own css?

@esmi

What is the taboo in rewriting core scripts and stylesheets?

Yes there is. This method does not change any template file whatsoever, or the installation itself. Just add it to your style.css (somewhere).

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

Doesn’t seem to work. From my researching the issues and understanding of it, the nasty yellow tinge to the input fields are from an auto-complete bug that has yet to have been addressed with Google Chrome. There seems to be no way of overriding the color except maybe with some extra Javascript effort in a way of covering over it. Viewing the login form from other browsers shows up with a white background in the input fields.

Hope Chrome can address this sometime in our lifetime.

Editing core scripts can bring down your entire site and/or open security holes for hackers to use.

You are absolutely right, made a small mistake there.

You either dig into WordPress back-end (which I do not recommend) or install a plugin that provides you with styling options for wp-admin such as Custom Login, which I use and recommend. Paste the snippet I presented on my previous post within the CSS Styling window. The style.css does not affect WordPress login page – so silly of me.

I have fixed the problem you describe with this method: example

Well thank you for your wisdom esmi.

And George, thank you, I’ll be sure to check out that plugin.