By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,723 Members | 1,662 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,723 IT Pros & Developers. It's quick & easy.

input:hover etc. for IE

P: n/a
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

Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
Thomas Schager <ic******@keinen-dreck.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/
Jul 20 '05 #2

P: n/a
Jukka K. Korpela wrote on 06 dec 2003 in
comp.infosystems.www.authoring.stylesheets:
Thomas Schager <ic******@keinen-dreck.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)
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.