文本框是垂直对齐中间或某事...顶部或文本顶部将无法正常工作

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

输入类型=＆＃34;文字＆＃34;没有包裹，它不是多行输入，它的高度完全无关紧要。你想要一个textarea输入。

尝试：

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

可能的缺点是textareas将采用新的方式。

Answer 3

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

<textarea></textarea>

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