悬停风格坚持IE7

Question

我的CSS问题只发生在IE7中，我希望别人之前遇到过这个问题。基本上我们有一个客户网格设计，当悬停在上面时，细胞突出显示。这样做效果很好，但是在IE7中突出显示棒，你会在单元格上方移动然后离开单元格，突出显示仍在那里。

这是我用于单元格的css

.cell input:hover
{
    background-color: #54B5FF;
}

谢谢！

编辑：父

.cell input
{
border:none;
background:transparent;
padding:11px 6px;
width:35px;
height:16px;
line-height:16px;
text-align:right;
background-color:transparent;
border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;
 }

编辑：找到修复程序！

我找到了一个解决方案，我以为我将与其他遇到此错误的人分享。显然在IE7中，只有某些样式更改会导致名为hasLayout的情况，这显然会导致它正确地重新呈现。在我的情况下，我将代码更改为

.cell input:hover
{
position: static;
background-color: #D7ECFF;
}

这没有改变任何东西，但它确实导致IE7正确渲染它！

Answer 1

设置默认值。

尝试：

.cell input {
    background-color: #fff; /* or whatever you want it to be... */
}

.cell input:hover
{
    background-color: #54B5FF;
}