给input设置高度后光标到中间了

Question

给input设置了高度,光标的起始位置就一直在中间了,自己设置的样式完全看不出问题在哪里，求教下怎么解决

给input设置的样式css代码如下：

    width: 160px;
    height: 76px;
    border-radius: 4px;
    border: 1px solid #DDDEEB;
    font-size: 12px;
    box-sizing: border-box;
    padding: 5px;

Answer 1

用 textarea 标签

Answer 2

input{
    width: 160px;
    height: 76px;
    border-radius: 4px;
    border: 1px solid #DDDEEB;
    font-size: 12px;
    box-sizing: border-box;
    padding: 45px 5px 5px 5px;
    line-height: 76px;
}

修改padding修改光标位置

Answer 3

用text-indent可以实现你想要的效果吧.刚实验了一下，好像不可以