在WebKit浏览器垂直填充为输入元件不起作用(vertical padding for input

我无法设置为输入要素文本/占位垂直/顶部填充。

下面的代码将在IE /火狐/歌剧工作，而不是在Safari /铬：

CSS：

input
{
 border: 1px solid black;
 height: 100px;
 padding: 70px 25px 10px 25px;
 width: 300px;
}

HTML：

<input type="text" placeholder="Enter text here"/>

WebKit的开发工具显示的指标，因为他们是应该的，但文本仍然在输入的中间。

同样的事情也可能是在这里 （未应答虽然）。

Answer 1:

只是测试了其Chrome浏览器的bizzare的行为。 你能坚持，也许在输入一个div并在使用填充？

Answer 2:

输入是内联元素。 内联元素不接受垂直填充。

添加： display:block到你的CSS，你便要增加float:left事后清除浮动。

Answer 3:

我相信没有办法设置垂直填充WebKit中。

使用height属性，增加垂直填充。 您可能需要使用line-height或padding-top / padding-bottom垂直居中跨浏览器的文本。

文章来源: vertical padding for input elements in webkit browsers has no effect