Question

我的问题：

以下代码适用于FireFox和Google Chrome，但在IE中按钮不会改变颜色。有人可以告诉我如何解决这个问题。有什么建议？我的输入元素：

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

与此元素相关的CSS：

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

Answer 1

我注意到的一件事是，如果浏览器处于怪异模式（即：如果页面顶部没有doctype行），IE - 甚至IE8 - 不喜欢：悬停在除链接之外的任何东西上。

即使<!DOCTYPE html>足以触发标准模式。如果它不存在则添加它。

IE 8 CSS悬停在输入元素问题上

1 个答案: