IE 8 CSS悬停在输入元素问题 [英] IE 8 CSS hover over input element issue
问题描述
我的问题：
下面的代码适用于我在FireFox和谷歌Chrome，但在IE中的按钮不改变颜色。有人可以告诉我如何解决这个问题。有什么建议么？
我的输入元素：
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!"/>
与此元素相关的CSS：
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;
}
推荐答案
如果浏览器处于怪异模式（即：如果你没有一个doctype行在页面的顶部），IE - 甚至IE8 - 不喜欢：悬停在除链接之外的任何东西。
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.
偶数<！DOCTYPE html> 足以触发标准模式。添加，如果它还没有。
Even <!DOCTYPE html> is enough to trigger standards mode. Add that if it isn't already there.
这篇关于IE 8 CSS悬停在输入元素问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
