行高属性通常负责垂直对齐,但不考虑输入.有没有办法自动居中文本而不玩填充？
我有一个高的 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。
谢谢戴夫