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

Css 选择并输入不同的高度/文本缩进,css,Css,在这一点上,选项前面的select上有一个文本缩进/空白 两者的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-overf

在这一点上,选项前面的select上有一个文本缩进/空白

两者的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问题很清楚,除非你不会说英语。

所以我在电脑上找到了CSS,并在开发者控制台中查看了CSS:

我发现关闭float:left在提交按钮的范围内固定了项目的垂直对齐和高度 将CSS更改为不影响所有搜索栏span,或将button.span的CSS添加为float:none

不要在选择和输入上设置height:38px,而是将它们的填充设置为padding:5px 0px 5px 0px;并将其高度保留为默认值 这修复了firefox中的文本对齐问题 我看到你已经更新了你的代码-这些MOD是在你的原始版本上完成的,所以我不知道它们是否仍然有效。也许能帮你


哦,您当前的空白问题是由填充0 15px引起的;-是15px添加了它

抱歉,但这个答案肯定表明帮助用户的努力非常有限,你只需告诉他一个标准答案。你似乎不想帮忙,但想成为最快的枪。事实上,他在征求意见,如果我看不到firebug中发生了什么,当我面对他的问题时,我会做的就是添加css重置。他没有说明他已经尝试了什么,我认为这可以帮助他进行调试;至少这有助于提出一个更清晰的问题。我会只是发表评论,但当时没有代表这样做。我应该删除答案吗?新的答案我认为它更准确,现在你给了OP一个可行的选项。我将删除-1。谢谢你的努力。这篇文章的问题在哪里?请修改。可能的PS副本!不管语言偏好如何,这个问题现在和过去都不清楚。