input:hover etc. for IE

Hi,

does anyone know how I can get Internet Explorer to use :hover, :active
etc. definitions on <input> elements? I would like to realize the same
effect as the http://mozilla.org website does with its search field (on
the right upper corner); change the background colour from some kind of
ochre to white e.g.

Of course, I could use JavaScript to change the attributes for getting
this effect. But - is there a CSS way?


Regards, Thomas

Thomas Schager <ich-will (AT) keinen-dreck (DOT) at> wrote:

does anyone know how I can get Internet Explorer to use :hover,
:active etc. definitions on <input> elements?

You cannot, except by waiting for a few years for the next version.

Of course, I could use JavaScript to change the attributes for
getting this effect.

Yes. After all, :hover is a rather limited alternative to scripted
events anyway, though rather useful for links, for which it is well
supported.

But - is there a CSS way?

The :hover and :active (and :focus) pseudoclasses are the CSS way, and
if a browser does not support them sufficiently, there is nothing CSS
can do.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Jukka K. Korpela wrote on 06 dec 2003 in
comp.infosystems.www.authoring.stylesheets:

Thomas Schager <ich-will (AT) keinen-dreck (DOT) at> wrote:

does anyone know how I can get Internet Explorer to use :hover,
:active etc. definitions on <input> elements?

You cannot, except by waiting for a few years for the next version.

<style>
a:hover input {color:red}
</style>

<a href="javascript:void(0)" type="text">
<input value="Blah">
</a>
<br>
Not very nice with a type=text,
as you loose the abilitie to change the cursor with the mouce.

<br><br>

<a href="javascript:void(0)">
<input type="submit">
</a>


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)