css 让input里面的value 居上

Question

<input type="text" id="id_text" class="class_text" value="输入内容" />

这是居中 和 左右
text-align: 文字的位置 left 左 right 右 center 居中

那居上要怎么写呀

text-align:top;

Answer 1

text-align没有top这个值吧，vertical-align才有，不过对input无效。暂时也没想到什么好的方法居上，目前只想到用padding来控制，设置padding-top:0;padding-bottom:10px;这样就可以有居上的效果吧。

测试代码，用Firefox/Chrome/IE10/opera测试通过

<input type="text" name="text" value="你好我是来测试居上的" />
<style type="text/css">
    input {
	height:100px;
	width:400px;
	font-size:20px;
	padding-top:0;
	padding-bottom:80px;
	text-align:center;
    }
</style>