Css Firefox/IE填充/边距修复

美丽的人

在我的生活中，我无法使用Bootstrap在IE和Firefox中正确设置按钮的格式。我在这里到处找过有类似问题的人，但我似乎没法解决这个问题。任何帮助都将不胜感激。我在MeteorJS中创建了此网站，以防为您提供任何见解：

*它在Chrome、Safari、iOS设备中运行良好…

---

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

所以使用它，您不必设置高度和线条高度来匹配它，这对我来说是最一致的跨浏览器解决方案，没有任何奇怪之处

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

希望这能有所帮助。

---

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

所以使用它，您不必设置高度和线条高度来匹配它，这对我来说是最一致的跨浏览器解决方案，没有任何奇怪之处

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

希望这能有所帮助。

---

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

所以使用它，您不必设置高度和线条高度来匹配它，这对我来说是最一致的跨浏览器解决方案，没有任何奇怪之处

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

希望这能有所帮助。

---

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

所以使用它，您不必设置高度和线条高度来匹配它，这对我来说是最一致的跨浏览器解决方案，没有任何奇怪之处

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

希望这能有所帮助。

标记为“离题”：通过查看Chrome中提供的链接可以找到所需的行为。我希望文本浮动到中心，并对齐中心。在IE/Firefox中没有这样做。至于重现问题所需的最短代码，这很难，因为我使用的是引导（如前所述），而且我的SASS文件非常大，对于button类的每个实例，根据页面的不同而不同。史蒂夫似乎理解我的问题。然而，我仍在努力获得上述所需的行为…标记为“离题”：通过查看Chrome中提供的链接可以找到所需的行为。我希望文本浮动到中心，并对齐中心。在IE/Firefox中没有这样做。至于重现问题所需的最短代码，这很难，因为我使用的是引导（如前所述），而且我的SASS文件非常大，对于button类的每个实例，根据页面的不同而不同。史蒂夫似乎理解我的问题。然而，我仍在努力获得上述所需的行为…标记为“离题”：通过查看Chrome中提供的链接可以找到所需的行为。我希望文本浮动到中心，并对齐中心。在IE/Firefox中没有这样做。至于重现问题所需的最短代码，这很难，因为我使用的是引导（如前所述），而且我的SASS文件非常大，对于button类的每个实例，根据页面的不同而不同。史蒂夫似乎理解我的问题。然而，我仍在努力获得上述所需的行为…标记为“离题”：通过查看Chrome中提供的链接可以找到所需的行为。我希望文本浮动到中心，并对齐中心。在IE/Firefox中没有这样做。至于重现问题所需的最短代码，这很难，因为我使用的是引导（如前所述），而且我的SASS文件非常大，对于button类的每个实例，根据页面的不同而不同。史蒂夫似乎理解我的问题。然而，我仍在努力获得上述期望的行为。。。

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