IE (10), CSS를 추가 할 때 : 선택 태그

이 내 페이지에서 선택 HTML 태그가 작동하지 않는 선택 태그에 마우스를 가져, 그것은에 부착 된 클래스가 :IE (10), CSS를 추가 할 때 : 선택 태그

<select id="sel_NavigateBy" class="selectDropDown" name="sel_NavigateBy">

문제는 클래스에이 추가 CSS 호버를 사용하는 경우입니다.

.selectDropDown:hover 
{ 
    background-color:#EBF2FA !important; 
}

IE 10의 선택 드롭 다운이 완전히 중단됩니다. 나는 아무것도 선택할 수 없다. 드롭 다운 메뉴에서 마우스를 클릭하지 않으면 표시되지 않습니다. 마우스를 계속 누르고 있으면 강제로 표시되기 때문에 드롭 다운 목록에서 아무 것도 선택할 수 없습니다. 개발자 메뉴에서 IE 9 모드로 전환해도 문제가 해결되지 않습니다. IE 10에서 다르게 선택 태그를 렌더링하고 있다고 생각하고 있습니다.

위의 호버 클래스를 제거하면 IE 10이 정상으로 돌아옵니다. 저는 현재 IE 10 (시험판) (10.0.9200.16439)로 Win7을 사용하고 있습니다.

저는 여기에 드롭 다운을함으로써 문제를 해결했습니다

.selectDropDown 
{ 
    margin-top:5px !important; 
    padding:0px 0px 0px 0px !important; 
    display:inline; 
    vertical-align:top !important; 
    font-size: 9pt; 
    height:25px !important; 
    z-index:1; 
}

출처

2013-01-16 Harvey Darvey

여기에서는 축소 된 테스트 케이스를 http://jsfiddle.net/65ev5/1/로 만들었습니다. 화살표 키를 사용하여 옵션을 선택할 수 있지만 마우스는 사용할 수 없습니다. 그러나 [@jonathansampson] (http://stackoverflow.com/users/54680/jonathan-sampson)이 그것을 재현 할 수 없기 때문에 그 이상이되어야합니다. –

@dstorey 실제로 jsfiddle을 사용해 보았습니다. IE 10에서 작동합니다 (위의 동일한 사전 출시 버전 사용). 나는 그것이 더 그것이 가능하다는 데 동의한다. 내가 iframe이 아닌 프레임에 드롭 다운을 표시하고 있기 때문에 그 원인이 될 수 있습니다. 어쨌든, 나는 div 내에서 드롭 다운을 사용하고 jquery를 사용하여 사용자가 드롭 다운 위로 마우스를 가져갈 때 div의 색상을 변경하여 문제를 해결했습니다. 제대로 작동하고 방금 언급 한 임시 솔루션으로 모든 브라우저에 '호버'효과를 적용하려는 목적을 달성 한 것으로 보입니다. 감사. –

.selectDropDown에 대한 일반 CSS 클래스 (이 도움이, 그리고 내가 너무 많이 사용하여 실현 경우! 중요 태그 나쁘다는)입니다 div 안에 있고 jquery를 사용하여 사용자가 드롭 다운 위로 마우스를 가져갈 때 div의 색상을 변경합니다. 제대로 작동하고 방금 언급 한 임시 솔루션으로 모든 브라우저에 '호버'효과를 적용하려는 목적을 달성 한 것으로 보입니다.

출처

2014-02-04 19:32:32

IE (10), CSS를 추가 할 때 : 선택 태그

답변

관련 문제