将文本从文本区域的顶部向下推几个像素？

Question

我的联系表格中有一个文字区域，没什么特别的：

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

但是文本在文本区域没有对齐，就像在它上面的文本框中那样，我不知道为什么。

谢谢！

Answer 1

我只想在textarea的顶部添加填充。

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

因为您正在使用text-indent，然后将其移除到textarea，所以可能也会出现在两侧。你的最终CSS可能如下所示：

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

尝试用一堆文字填写你的textarea。

Answer 2

添加padding-top

.txb_message {
    padding-top: 10px;
}

Answer 3

你需要在textarea中添加15px的填充，如下所示：

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