有<input type="text" />我需要设置输入文本的垂直对齐方式.例如中间或顶部.
http://jsfiddle.net/eSPMr/
我有一个输入,height: 250px你可以看到它的文本位于中心.有没有办法将它对齐到左上角？
#messageBox
{
width: 200px;
height: 250px;
}<input id="messageBox">我有一个高的 INPUT (type=text) 元素，其大小为 100%。包含元素具有特定的高度（这是动态的）。
我想要的是能够将文本放在 INPUT 元素的顶部。我已经看到一些答案 使用填充将其垂直居中，但我无法将文本放置在元素的顶部。我无法设置元素的高度。
HTML 示例（或JSFiddle）：
<body>
<div class="outer">
<input type="text" value ="textcontent"></input>
</div>
</body>
和CSS：
body { background-color:gray;}
.outer {
height:480px;
background-color:pink;
margin-top:100px;
}
input {
height:100%;
background-color:lightgray;
padding-top:0px;
line-height:100px;
}
可以在不设置元素高度的情况下完成此操作吗？我需要支持的浏览器：Chrome、FF、IE9 和 IE11。
谢谢戴夫