css - Pushing the text down a few pixels from the top in my text area?

Question

I have a text area in my contact form, nothing too special:

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

But the text doesn't align in the text area as it does in the text boxes above it, and I'm not sure why.

I need to push the content of the text area down

Thanks!

score 1 · Accepted Answer

我只想在文本区域的顶部添加填充。

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

也可能在两侧，因为您正在使用text-indent然后为 textarea 删除它。您的最终 CSS 可能如下所示：

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

尝试用一堆文本填写您的文本区域。

score 1 · Accepted Answer

1

添加padding-top

.txb_message {
    padding-top: 10px;
}

于 2013-07-15T21:09:41.553 回答

score 1 · Accepted Answer

您需要向 textarea 添加 15px 的填充，如下所示：

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

3 回答 3