Firefox/IE 패딩/여백 수정

Question

아름다운 사람들,

저의 삶에 대해 저는 부트 스트랩을 사용하여 IE와 Firefox에서 제 버튼을 제대로 포맷 할 수 없습니다. 나는 여기에 비슷한 문제를 가진 사람들을 둘러 보았으나 나는 이것을 핥을 수 없다. 어떤 도움이라도 대단히 감사하겠습니다.

http://jdd.meteor.com/search

* 그것은 크롬, 사파리, iOS 장비에서 잘 작동 ...

Answer 1

---

I : 나는 거기에 당신을 위해 어떤 통찰력을 제공하는 경우 MeteorJS이 사이트를했습니다 양식 축소 버전을 만들었습니다. 이 문제를 해결하기위한 나의 방법은 스타일을 적용하기위한 기반으로 firefox의 시행 된 라인 높이를 사용하는 것입니다. 기본값은 내가 기억하는 것에서 정상입니다.

그래서 너는 높이와 선 높이를 맞출 필요가 없다. 나에게있어서 이것은 나에게 이상한 점이없는 가장 일관된 솔루션 크로스 브라우저였다.

해당 요소에 적용된 기본 브라우저 스타일을 모두 제거하므로 접두사 모양 규칙을 사용합니다. 특히 모바일 사파리에서 필요합니다.

input { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    border: none; 
    background: #EFEFEF; 
} 

input, 
.btn { 
    line-height: normal; 
    padding: 10px; 
} 

.btn { 
    text-decoration: none; 
} 

.btn-primary { 
    background: #820024; 
    color: white; 
} 

http://codepen.io/stevemckinney/pen/CLgdE

는 희망이 도움이됩니다.