IE 9 확인란 크기 조정

IE9 렌더링 확인란은 모두 확장되어 있고 다른 모든 브라우저는 확인란의 크기를 유지하지만 클릭 가능한 보이지 않는 영역을 확장합니다.IE 9 확인란 크기 조정

다른 브라우저 (보이지 않는 영역)의 동작을 변경하지 않고 IE9에서 CSS를 통해이 동작을 비활성화 할 수 있습니까?

정상적인 확인란을 사용하는 것은 불가능한 것처럼 보입니다. 다른 호환 모드를 선택하여도 가능합니다.

Windows Vista SP2, 64 비트, IE 9.0.8112.16421이 있습니다. 거의 동일한 구성을 가진 2 대의 컴퓨터에서 테스트되었습니다.

enter image description here

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset=utf-8> 
    <title>IE IS GREAT?</title> 
    <style> 
    body 
    { 
    } 

    #test_checkbox 
    { 
     width: 300px; 
     height: 300px; 
    } 
    </style> 
    </head> 
    <body> 
    <div id="test_box"> 
     <input type="checkbox" id="test_checkbox" /> 
    </div> 
    </body> 
</html>

출처

2011-03-30 user457015

코드 샘플 즉, 클릭 가능한 영역을 확장 할 수 있습니다? 귀하의 문서는 어떤 문서 모드입니까? (F12 개발자 도구 참조) – EricLaw

여기에 테스트 페이지를 설치했습니다. http://froyo.tv/test/index_checkbox.php – user457015

정상적인 체크 상자를 사용하는 것이 불가능한 것 같습니다. 다른 호환 모드를 선택하여도 가능합니다. – user457015

아마 당신은 레이블을 사용할 수 있습니까? 중심 예 :

<label for="test_checkbox" style="display: block; width: 300px; height: 300px;"> 
    <input type="checkbox" id="test_checkbox" /> 
</label>

편집 :

<label for="test_checkbox" style="display: block;"> <input type="checkbox" id="test_checkbox" style="margin: 150px;" /> </label>

출처

2011-03-31 12:27:02 RoToRa

IE9는 실제로이 경우에 수행 할 작업을 수행하는 측면에서 올바른 작업을 수행하고 있습니다 ... 레이블 안에 확인란을 붙이고 해당 레이블에 차원을 적용합니다. –

어쩌면 IE9가 옳았지만 다른 모든 사람들이 다르게하고 있기 때문에 잘못되었습니다! – user457015

이 솔루션을 사용하면 확인란의 높이가 세로로 정렬되지 않습니다. – user457015

IE 9 확인란 크기 조정

답변

관련 문제