將文本從文本區域的頂部向下推動幾個像素？

Question

我有一個文本區域在我接觸的形式，沒有什麼太特別的：

<textarea class="txb_message" id="txb_message" name="txb_message" placeholder="What would you like to talk about?"></textarea> 

但因爲它在它上面的文本框確實文本沒有在文本區域對齊，而我不知道爲什麼。

謝謝！

Answer 1

添加padding-top

.txb_message { 
    padding-top: 10px; 
} 

Answer 2

我只是將填充添加到textarea的頂部。

.txb_message { 
    padding: 10px 0 0 0; /* whatever you need */ 
} 

可能給雙方還因爲使用的是text-indent然後刪除該文本區域。你的最終CSS可能是這樣的：

.txb_message { 
    padding: 10px; 
    text-indent: 0; 
} 

嘗試用一堆文本填充你的textarea。

Answer 3

你需要添加填充均爲15px到textarea的，像這樣：

.txb_message { 
    height: 68px; 
    width: 300px; 
    float: left; 
    margin-top: 10px; 
    padding: 15px 0 0 0; 
}