IE 8 CSS hover over input element issue

Question

My Issue:

The code below works for me in FireFox and Google Chrome, but in IE the button does not change colors. could someone show me how I can fix this issue. Any Suggestions? My input element:

<input id="pmunch" type="submit" value="Post It!"/>

The CSS relevant to this element:

#pmunch{
width:240px;
height:28px;
padding:2px 4px;
margin-left:24px;
font-family:‘Lucida Console’, Monaco, monospace;
font-size:18px;
border:none;
float:left;
background-color:turquoise;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#pmunch:hover{
background-color:khaki;
color:green;
cursor:pointer;
}

I don't think IE likes the :hover pseudo-class on anything other than <a> tags — Shad
– Shad, Commented Feb 28, 2011 at 5:21
@Shad: You are correct. But the OP really needs to describe the error more. — Alastair Pitts
– Alastair Pitts, Commented Feb 28, 2011 at 5:24
IE6 doesn't like it. IE8 doesn't mind it at all, last i tried it. — cHao
– cHao, Commented Feb 28, 2011 at 5:24
@Shad: Any version of IE greater than 6 is fine with :hover on other elements. — thirtydot
– thirtydot, Commented Feb 28, 2011 at 5:24

cHao · Accepted Answer · 2011-02-28 05:35:38Z

10

One thing i've noticed is that if the browser is in quirks mode (ie: if you don't have a doctype line at the top of the page), IE -- even IE8 -- doesn't like :hover on anything but links.

Even <!DOCTYPE html> is enough to trigger standards mode. Add that if it isn't already there.

answered Feb 28, 2011 at 5:35

cHao

87.1k21 gold badges147 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

thirtydot Over a year ago

A likely candidate. I suspect this is the problem, but I was hoping he'd post his code so I could be sure. Oh well.

Web_Designer Over a year ago

That was it Thanks! And thank you everyone else for helping me out to.

Collectives™ on Stack Overflow

IE 8 CSS hover over input element issue

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related