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

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

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

input#title { 
    /* Contents here */ 
} 

.submissionfield input { 
    /* Contents here */ 
} 

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

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

Answer 3

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