css - 文本框垂直对齐中间或其他东西......顶部或文本顶部不起作用

Question

我在 WordPress 中使用了一个制作表单的插件，我添加了一个消息框（这是一个联系表单）并给它我自己的类，在 css 中，我让它更高。这工作得很好，但是每当我单击该框时，光标就会移动到中间，并且它不会环绕文本。我试过了：

.messageBoxContactForm {
    vertical-align: top;
}

和

.messageBoxContactForm {
    vertical-align: text-top;
}

这是HTML：

<div>
  <label for="messageBox">* Message:</label>
  <input class="messageBoxContactForm ccf-tooltip-field" id="messageBox-1351642237" type="text" name="messageBox" value="">
</div>

请记住，这是在 WordPress 中，所以它周围有大量的 PHP。

谁能告诉我我需要做什么？

Answer 1

您是否尝试添加以下块，

.messageBoxContactForm {
   text-align: left;
}

http://www.w3schools.com/cssref/pr_text_text-align.asp

Answer 2

实际上你的问题只是你使用了错误的标签<input>，你应该使用<textarea>，所以你的 html 代码应该是：

<textarea></textarea>

textarea 的默认文本对齐方式是左上角。

Answer 3

input type="text" 不换行，它不是多行输入，它的高度完全无关紧要。你想要一个文本区域输入。

尝试：

<input class="messageBoxContactForm ccf-tooltip-field" id="messageBox-1351642237" 
type="textarea" name="messageBox" value="">

可能的缺点是 textareas 会换行。