Home/ Questions/Q 3999636
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T07:40:59+00:00

My Issue: The code below works for me in FireFox and Google Chrome, but

  • 0

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;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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.

    • 0