在webkit瀏覽器中輸入元素的垂直填充不起作用

Question

我無法爲輸入元素中的文本/佔位符設置垂直/頂部填充。

下面的代碼將在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的開發工具顯示這些指標應該是，但文本仍然處於輸入的中間。

類似的東西可能是here（儘管未答覆）。

Answer 1

剛剛經過測試，它的bizzare如何Chrome的行爲。你可能會堅持輸入在一個div和使用填充？

Answer 2

輸入是內嵌元素。內聯元素不接受垂直填充。

add：display:block到你的CSS，你將不得不添加float:left並清除你的花車後。

Answer 3

我相信在Webkit中沒有辦法設置垂直填充。使用height屬性，添加垂直填充。您可能需要使用line-height或padding-top/padding-bottom來跨瀏覽器垂直居中文本。