输入类型=按钮上的背景颜色:悬停状态粘在IE中

Question

我有一个输入类型=按钮,背景颜色设置和不同的背景颜色:悬停 - 请参阅http://jsfiddle.net/hc2Eu/3/

在IE(所有版本)中 - 当我按下按钮时,移开按钮,然后鼠标按钮 - 背景颜色保持在:悬停设置,直到再次将鼠标悬停在它上面.

这有什么解决方法吗？最好不要用js？(IE6没有必要)

Answer 1

可能有一个修复<input type="button">- 但如果有,我不知道.

否则,一个好的选择似乎是用一个精心设计的a元素替换它.

示例:http://jsfiddle.net/Uka5v/

.button {
    background-color: #E3E1B8; 
    padding: 2px 4px;
    font: 13px sans-serif;
    text-decoration: none;
    border: 1px solid #000;
    border-color: #aaa #444 #444 #aaa;
    color: #000
}

好处包括a元素将在不同的(较旧的)版本的Internet Explorer之间保持一致,没有任何额外的工作,我认为我的链接看起来比那个按钮更好:)

Answer 2

尝试使用type属性选择器来查找按钮(也许这也会修复它):

input[type=button]
{
  background-color: #E3E1B8; 
}

input[type=button]:hover
{
  background-color: #46000D
}