Текстовый курсор слишком высок.Что я могу с этим поделать?

Question

Мой текстовый ввод выглядит так:

Вот мой CSS ::

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

Я не знаю, какой атрибут CSS мог бы это исправить.

Вы можете мне помочь?

Answer 1

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

Answer 2

Использование line-height:

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