2012-04-25 1 views
1

У меня есть следующие CSS:Input FIELDSET с границы радиуса и тень не показывает весь текст в IE9

fieldset ul li input { 
    width: 96%; 
    margin: 0; 
    padding: 6px; 
    font-size: 13px; 
    border: 1px solid #CCC; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
    -moz-box-shadow: 0 2px 2px white, inset 0 1px 3px #EEE; 
    -webkit-box-shadow: 0 2px 2px white, inset 0 1px 3px #EEE; 
    box-shadow: 0 2px 2px white, inset 0 1px 3px #EEE; 
} 

, который работает под Firefox и Chrome. Однако в IE9, когда я вставляю какой-то текст, я не вижу его полностью. Как вы можете видеть, скрыт в половине этого:

IE9 fieldset input problem

+1

Это, вероятно, связано с 'line-height' IE имеет проблемы с этим. Попробуйте добавить 'line-height: 16px;' –

ответ

1

Либо увеличить высоту или обивка.

input { 
    padding: 10px; 
}