How to change Loginbox text color while user is typing?

[itsRahul]

I have installed a theme which looks nice except for the fact that the login box text is black, while the background is black. The "username/password" default values are a light white/grey color, but as soon as you click the box to start typing, it becomes black.

I successfully changed the password to the desired color by adding color="#8e9fb3" to the code under style manager -> <theme name> -> header.

I opened up the Element Inspector in Firefox to view the login box html. After applying it to the login box, it looks fine at first.
Then when the user selects the box to type in a username, this appears "style = color: rgb(0,0,0)" at the end of the navbar_username code. I can't find this anywhere but I know that it's overwriting the text color or something to make it black upon user selection. Can anyone help me fix this?

[Stratis]

In additional.css find

.loginBoxInput
and
.loginInput

Change as you like, actually if understand what you want, you must change background: in .loginBoxInput

[itsRahul]

This is what my additional.css says

.loginBoxInput {
background:url({vb:stylevar imgdir_themedir}/loginBoxInput.gif) no-repeat top left;
width:129px;
height:28px;
}
.loginInput {
background:transparent;
border:0;
color: #8e9fb3;
font-size:12px;
width:119px;
padding:0 5px;
height:28px;
line-height:28px;
}

Removing this line:background:url({vb:stylevar imgdir_themedir}/loginBoxInput.gif) no-repeat top left;
changed nothing. The entire top/header has a dark color so it's ok if the boxes are black. I just want the font to appear light when typing. Before the user selects a box, the default text "Username/password" are in light, readable text.

I don't understand why the color: #8e9fb3 gets overwritten from user selecting the box. How do I find the area that's overwriting on user click?

[Stratis]

ah, well in .loginInput and color: #8e9fb3; you have, is for default text and when selected only for code, for user name is in Style Variable Editor, scroll and find Forms see input_color Try this than.

These will take effect and other places

[itsRahul]

Originally Posted by Stratis

ah, well in .loginInput and color: #8e9fb3; you have, is for default text and when selected only for code, for user name is in Style Variable Editor, scroll and find Forms see input_color Try this than.

These will take effect and other places

That worked. Thank you!

On another note though, since this applies everywhere, do you know how I can modify this to only apply to the login? Or can I add something in additional.css to do the same thing?

[itsRahul]

Anyone have any tips?

[Seven Skins]

Have you tried adding !important to the color e.g.

color: #8e9fb3 !important;