选择并输入不同的高度/文本缩进

Question

在这个page上，选项前的选择上有一个文本缩进/空格。

两者的CSS是：

input, select {
margin: 0px;
height: 38px;
border: 0;
padding: 0 0 0 15px;
}

我更改了默认选择以删除可能影响它的FF下拉：

select {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
appearance: none;
}

任何想法都赞赏。

编辑：通过将其添加到选择并输入：

，我得到了相同的高度

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;

除非你不会说英语，否则PS的问题很清楚。

Answer 1

所以我得到了PC并在开发者控制台中检查了CSS：

我发现在提交按钮中关闭跨度上的float:left会修复项目的垂直对齐和高度 （更改CSS不会影响所有#search-bar span或将button.span添加到float:none）

不是在选择和输入上设置height:38px，而是将其填充设置为padding: 5px 0px 5px 0px;，并将其高度保留为默认值
这解决了firefox中的文本对齐问题 我看到你已经更新了你的代码 - 这些mods是在原版上完成的，所以我不知道它们是否仍然存在。可能会帮助你，但

（哦，你目前的空白问题是由padding 0 0 0 15px;引起的 - 它是15px的添加它）