다른 브라우저에서 CSS 텍스트 필드가 채워지습니까?

Question

안녕하세요 저는 다른 브라우저의 텍스트 필드에서 패딩에 약간의 문제가 있습니다. 다음은 두 브라우저의 모습을 보여주는 스크린 샷입니다.

padding:8px 0 0 0; 

아무도 내가 대부분의 브라우저에서 같은 패딩을 만들 수있는 방법을 알고 있나요 : 그 패딩으로 설정되어 있습니까?

감사합니다.

Answer 1

모든 브라우저 것은 다르게 때문에 HTML 렌더링하여 입력 필드 & 같은 line-height에 height을 제공위에 패딩을 제거합니다. 이처럼 :

input{ 
height:40px; 
line-height:40px; 
} 

그것은 모든 브라우저

Answer 2

완벽하게 이해할 수 있을지는 모르겠지만 height, line-height 및 vertical-align CSS 속성을 명시 적으로 설정하십시오.

Answer 3

아직 사용하지 않는 경우 CSS 재설정을 사용해야합니다. CSS 재설정은 다양한 브라우저가 특정 요소에 적용하는 기본값을 지우고 더 많은 일관성을 유지합니다.