On 24/8/07 (09:16) Shivanand said:
> I am using a input button whose code is:
>
><input name="Input" type="button" value="Send my password"
>class="buttonStyle" />
>
>
>
>I have styled the buttons using the classes below:
>
>.buttonStyle{
> font-family:Tahoma, Arial, verdana, sans-serif;
> font-size:11px;
> color:#fff;
> font-weight:normal;
> background-color:#4c8094;
> margin: 0;
> padding: 0 2px 0 2px;
> width: auto;
> overflow: visible;
>}
>
>.buttonStyle:hover {
> font-family:Tahoma, Arial, verdana, sans-serif;
> font-size:11px;
> color:#ffd200;
> font-weight:normal;
> background-color:#4c8094;
> margin: 0;
> padding: 0 2px 0 2px;
> width: auto;
> overflow: visible;
>}
>
>The problem is the hover effect works in Firefox, but not in IE. Can you let
>me know how to make the hover effect work in IE.
I believe that IE will only recognise the 'hover' pseudoclass if it is
applied to an <a> anchor. (Might not apply to IE7, I'm not sure).
--
Rick Lecoat
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
