Textinput游标太高。我能做些什么呢？

Question

我的textinput看起来像这样：

这是我的CSS ::

.searchBox input[type=text]{
    left: 10px;
    display: block;
    position: absolute;
    height: 18px;
    padding: 7px 0 8px;
    width: 280px;
    color: #828483;
}

我不知道哪个CSS属性可以解决这个问题。

你能帮助我吗？

Answer 1

使用line-height：

input {
    height: 2em;
    line-height: 2em; /* equal to the height to vertically-centre the text */
    /* other CSS */
}

Answer 2

textarea {
    padding: 10px 40px 10px 40px;
}