html css 用于输入字段的值答案

【问题标题】：html css for the value of an input fieldhtml css 用于输入字段的值
【发布时间】：2012-05-06 13:32:47
【问题描述】：

我有一个输入字段：

 <input type="text" class="form-textbox" id="input_16" name="q16_yourStory16" size="300" value="Your Story" />

里面的值是“你的故事”，它目前是垂直居中的，我希望它在盒子的顶部而不是在中心。

屏幕截图在这里：http://awesomescreenshot.com/0a34ajx54

我在 css 中只看到一个 text-align: left，所以我不确定它为什么垂直居中对齐？

CSS：

#input_16 {
height: 200px;
padding: 10px;
color: #66625F;
text-align: left;
vertical-align: top;
width: 400px;
border: 1px solid #B6D5D7;
padding: 0 5px !important;
}

【问题讨论】：

一些 CSS 会有所帮助，或者是一个工作示例，而不仅仅是屏幕截图。另外，不要使用 size 属性，而是使用 CSS 来设置宽度和高度的样式。

标签： html css input vertical-alignment

【解决方案1】：

如果您想要一个多行文本输入区域，请使用<textarea>，文本位于左上角。 <input type=text> 是单行输入元素，这就是文本居中的原因

<textarea name="q16_yourStory16" id="input_16">Your Story</textarea>

#input_16 {
    width: 300px;
    height: 200px;
}

【讨论】：

【解决方案2】：

输入字段内容将正确对齐您在输入字段中放置的文本，垂直对齐到顶部。

您可能的意思是在 div 或任何存在的地方对齐输入元素。检查包含您正在查看的输入的元素，并将 vertical-align:top 添加到该样式或类中。

【讨论】：

我认为他显然是在谈论文本在框中的位置。 “里面的值是“你的故事”，它目前是垂直居中的，我希望 [文本] 位于框的顶部”

【解决方案3】：

我假设这是一个文本字段而不是文本区域。你想要的东西是不可能的......即使使用伪元素。对不起

【讨论】：