如何求解输入字段上的小货车线高？

Question

你如何给一个输入字段，在固定的高度，跨浏览器垂直对齐它持有的文本？

到目前为止，line-height似乎是我最好的选择。然而，在像Chrome或Safari这样的webkit浏览器上，当复制/粘贴时，光标会跳到顶部对齐。

我注意到Wordpress似乎对此有一个解决方案，用他们的wp-登入表格。

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

CSS

input {
    width: 240px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}

Answer 1

我对整个文档使用了一个设置的线高，对标签和输入都使用了vertical-align: middle，并使用了padding.。

我还为输入重新定义了font (系列和大小)，与label一样，因为浏览器已经默认为13.3px.

最后，border: 1px solid someColor将帮助有更多的px或嵌入的浏览器。

没有height。

然后是Chrome和它的选择。哦，@*$£#. 异香皂forms.css通过删除和重新定义所有东西，把它钉住了，除了它使用高度而不是填充物(在我看来，它不是万能的)