Изменение поля ввода формы

Question

Я использую поле ввода формы отправки, где текст появляется на 2-5 пикселей ниже.Это приводит к тому, что буквы, такие как строчные буквы y, q, j и т. Д., Будут стечь под полем в Chrome и только частично появляются в IE 8. Чтобы решить эту проблему, я хотел бы, чтобы текст отображался на несколько пикселей выше при вводеили сделать поле ввода на несколько пикселей выше.

Как я могу это сделать?

Заранее спасибо,

Джон

Код дляполе ввода:

<div class="submissionfield"><input class="checkMax3" name="title" type="title" id="title" maxlength="80"></div>

CSS:

.submissionfield
    {
    position:absolute;
    width:550px;
    left:30px;
    top:230px;
    text-align: left;
    vertical-align:text-top;
    margin-bottom:10px;
    padding:2px;
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    color:#000000;
    }

Answer 1

Установите line-height равным 150% для поля ввода.

Answer 2

Я не вижу проблемы, которую вы описываете, используя код, который вы включили ... есть ли другие стили, определенные на вашей странице?

Answer 3

Вы можете нацелить поле ввода с помощью CSS несколькими различными способами:

input#title {
    /* Contents here */
}

.submissionfield input {
    /* Contents here */
}

.submissionfield input#title {
    /* Contents here */
}

Я бы добавил нижний отступ на входе или попытался бы увеличить значение высоты строки.