IE7에 붙어있는 호버 스타일

Question

IE7에서만 발생하는 내 CSS에 문제가있어 다른 사람이 전에이 문제가 발생하기를 바랍니다. 기본적으로 셀 위로 마우스를 가져 가면 강조 표시되는 고객 그리드 디자인이 있습니다. 이것은 잘 작동하지만, IE7에서는 강조 표시 막대가 나타납니다. 셀 위로 이동 한 다음 셀을 떠나면 강조 표시가 그대로 유지됩니다. 여기

내가 셀

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

감사를 위해 사용하고있는 CSS입니다!

편집 : 부모

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