Help with text box backgrounds

[pdeman2]

I've been having trouble trying to figure out how to get a text box to keep a background when a cursor is in it. I thought that you would use either :activer :focus, but neither one worked for me. Here is an example of what I want to do: http://www.phpbb.com/styles/forum/index.php?style=221

Notice the search field in the top right of this phpBB forum, when you click on it, it stays one color. How do you do that in CSS?

[ray326]

Huh? Those boxes go through three shades of gray for me.

[pdeman2]

Yeah, but when you click inside the field, it stays the lightest of the three colors. Obviously it's using :hover to get one alternate color, but I can't figure out how they get the lightest color.

[ray326]

input.mainoption { background-color: #666; font-weight: bold;  border: solid 1px #333; height: 17px; color: #000; }
input.mainoption:hover { border-color: #222; background-color: #777; }
input.mainoption:focus { border-color: #000; background-color: #AAA; }

[pdeman2]

Okay, so it was focus; I've got it working now. I must have been making some error before.
Thanks for the help.

[pdeman2]

Hold on a sec. This feature seems to be working correctly for Firefox and Konqueror, but today I tested my site with IE and it is not working properly. It seems that most of the backgrounds that change on hover are not. This includes the hover and focus code that I'm using for the text boxes. Is there a way to fix this?

[ray326]

Put a "Best Viewed in IE 7" disclaimer on the site? The current IE only applies those pseudoclasses to anchors. You could try this.

http://www.vladdy.net/demos/iepseudoclassesfix.html

[pdeman2]

Thanks for the link, I'll try that.