Firefox / IE填充/边距修复

Question

美丽的人，

对于我的生活，我无法使用Bootstrap让我的按钮在IE和Firefox中正确格式化。我在这里寻找有类似问题的人，但我似乎无法舔这个。任何帮助将不胜感激。我已经在MeteorJS中创建了这个网站，以便为您提供任何见解：

http://jdd.meteor.com/search

*它适用于Chrome，Safari，iOS设备......

Answer 1

---

我已经制作了缩小版的表格。我解决这个问题的方法是使用强制的firefox行高作为应用样式的基础。我记得的默认值是正常的。

所以使用它你不必设置高度和行高来匹配，这对我来说是最一致的解决方案跨浏览器没有任何古怪。

我使用前缀外观规则，因为它删除了应用于该元素的所有默认浏览器样式。在Mobile Safari中尤其需要它。

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

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;
}

希望这有帮助。