CSS를 적용한 후 Safari에 입력 상자를 올바르게 표시합니다.

Question

input 또는 select 상자를 CSS로 사용하여 웹 페이지를 만들 때 주로 문제가 있습니다. 주로 FireFox 및 IE에 초점을 맞추기 때문입니다. 그러나 텍스트 상자/form 입력 객체는 대개 제대로 정렬되지 않습니다 (line-height).

Safari의 입력 상자를 FireFox 및 IE 에서처럼 보이게 만드는 일반적인 루틴이 있다면 요소에 CSS를 추가하면 일반적으로 끔찍한 모양이되므로 궁금합니다. 각 브라우저의 라인 높이를 균형있게 조정하는 것은 일반적으로 완벽하게 작동하지 않습니다. 일단 스타일을 지정하면 모든 브라우저의 입력을 동일하게 보이게하기 위해 누락 된 부분이 있습니까? (대부분 입력 상자 안쪽의 텍스트의 줄 높이에 대해 말함).

즉. px 대신 em을 사용하면 브라우저 간 호환성이 향상됩니까?

Answer 1

많은 상용 사용자가 일종의 상용구 시작점을 사용하여 모든 브라우저를 동일한 기본 CSS로 재설정하는 데 도움이되는 무엇이 (지금까지 가능한). 특히 나는 HTML5Reset을 즐겼습니다. CSS reset file을 가지고 도움이되는지 확인하십시오.