3

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

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

我注意到 Wordpress 似乎有一个解决方案，他们的wp-login form。

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

CSS

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

1 回答 1

7

我为整个文档设置了行高，vertical-align: middle包括标签和输入以及padding.
我还font为输入重新定义了（系列和大小），label因为浏览器已经有它们的默认值，比如 13.3 像素……
最终border: 1px solid someColor将有助于多 1 像素或插图的浏览器。

没有height。

然后是 Chrome 及其选择。哦@*$£#... isellsoap forms.css通过删除和重新定义所有内容来解决这个问题，除了它使用高度而不是填充（imo 它的通用性较差）

于 2013-03-24T19:58:28.393 回答