css - 输入类型的背景颜色=按钮 :hover state sticks in IE

Question

我有一个 input type=button，它设置了背景色和一个不同的 :hover - 参见 http://jsfiddle.net/hc2Eu/3/

在 IE(所有版本)中 - 当我在按钮上按下鼠标，离开按钮，然后 mouseup - 背景颜色保持在 :hover 设置，直到你再次将鼠标悬停在它上面。

是否有一些解决方法？最好不用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 之间保持一致的样式，无需任何额外工作，而且我认为我的链接看起来比那个按钮更好:)