양식 요소가있는 IE7 & IE8에서 균일 한 레이아웃 얻기

Question

IE7은 양식 요소 위와 아래에 간격 1px를 추가하는 것으로 보입니다. IE8, FF3.5, Chrome 2 & Opera 9.5는 간격없이 이러한 요소를 올바르게 렌더링합니다.

내가 원하는 것은 디스플레이가 IE7에서 동일하기 때문에 은 요소를 올바르게 렌더링하도록 IE7을 얻는 몇 가지 종류의 해결 방법이 있습니까?

폼 요소 (예 : 입력 상자)가 's'또는 's'내에 배치되는지 여부는 중요하지 않으며 여백에 관한 내용도 아니며 간격 설정은 &입니다. (모두 0으로 설정하면 입력 상자 주위에 여전히 1px 공간이 있습니다.)

Answer 1

나는이 잠시 뒤를 만났으며 솔직히 말해서 나는 그 수정 사항을 기억하지 못합니다. 필자는 IE가 입력 상자의 안쪽과 바깥쪽에 패딩을 추가하여 수정할 수 없게하는 것과 관련이 있다고 생각합니다. 그것도 국경이었습니다. 함께 별도로,이 중 하나를 시도해보십시오

input { 
    border: 0; 
    font-size: .9em; 
} 

그 중 하나는 당신이 필요로 제공하는 경우, 내가 좋아하는 조건부 코멘트와 함께 가고 싶어요 : 불행하게도

<!--[if lte IE 7]> 
input { 
    border: 0; 
    font-size: .9em; 
} 
<![endif]--> 

Answer 2

, 브라우저는 일관성과 양식 요소를 렌더링 높이와 너비.

두 가지 문제가있는 자녀는 조건부 설명을 사용하여 쉽게 타겟팅 할 수있는 IE6과 IE7입니다. 정확한 픽스가 무엇인지 말하기는 어렵지만 다음과 같이 보일 수 있습니다.