悬停样式停留在IE7中

如何解决悬停样式停留在IE7中

| 我的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正确渲染！     

解决方法

设置默认值。 尝试：

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

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