Html 如何解决输入字段上的错误行高度？

如何为具有固定高度的输入字段提供跨浏览器的文本垂直对齐

现在看来，

行高

是我最好的选择。但是，在像Chrome或Safari这样的webkit浏览器上，复制/粘贴时光标会跳到顶部对齐

我注意到Wordpress似乎有一个解决方案，他们的

有人知道Wordpress是如何做到这一点的吗

CSS

---

解决方案，正如FelipeAls的回答：不要设置

高度

属性。

我对整个文档使用一个设置的行高，

垂直对齐：标签和输入以及


我还为输入重新定义了
font
（系列和大小），与
label
的定义相同，因为浏览器已经有了默认设置，如13.3px…

最后，
border:1px solid-someColor
将有助于浏览器增加1个像素或插入

无
高度

然后是Chrome及其select。哦

@*$#。。。通过删除和重新定义所有内容（除了使用高度和不使用填充物（在我看来，它的通用性较差）

请发布一个您需要的代码示例；重新引用，并在可能的情况下更新jsFiddle.net example.Updated。它只是简单的css。但这似乎是一个webkit bug。不设置

高度
确实可以解决这个问题！我应该自己想出来的。。不过还是很奇怪。我在一些Chromium论坛上发现了一个关于它的问题线程，这个问题仍然没有解决。许多与表单相关的CSS内容让UA可以随心所欲地为它们设计样式。这不一定是一件坏事（iPhone上的select更可用），但它会导致错误报告以WONTFIX的形式关闭，因为没有标准定义任何内容。。。部分令人沮丧，部分可以理解；）
input {
    width: 240px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}