Почему поле ввода текста в IE 8 всегда на 6 пикселей шире, чем в другом браузере?

Question

Почему поле ввода текста в IE 8 всегда на 6 пикселей шире, чем в другом браузере?

0

Обновление: я думаю, что это из-за проблемы с ячеек IE. Но это путано, что отладчик показывает "ширину содержимого" 156px, а также высоту 22px:

Если я установил значение границы и добавление в 0, ширина содержимого верна, то есть 150 пикселей:

Здесь возникает проблема, похоже, если я установил границу и дополнение, общая ширина всей ширины в IE станет 156px + 6px; В Chrome/Firefox это 150px + 6px;

Если я очищу границу и отступы, общая ширина будет равна: IE: 150px + 0, Chrome/Firefox: 150px + 0;

Я использовал стиль = "width: 150px;" для установки ширины поля ввода текста. Он отлично работает в Chrome/Firefox, но всегда в 6 раз больше в IE8/10. Я использовал отладчик IE для проверки ширины поля ввода текста. Если я задаю ширину 146px, ширина будет 150px.

Я попытался установить "box-sizing" в "content-box", а также настроить шрифты. Они ничего не помогли.

Прямо сейчас, мое единственное решение - написать определенную ширину для IE. Есть ли способ решить эту проблему? Благодарю!!

David Liu 23 сен. 2013, в 22:20

Источник

Теги:

html

css

debugging

input

internet-explorer

1 ответ

Ещё вопросы

JustGage · Answer 1 · 2013-09-23T16-50-00.000Z

Это может иметь какое-то отношение к модели IE box

Таким образом, если у вас есть прокладка или граница, это может испортить, но это только моя догадка.

Модель «IE box box», на которую вы ссылаетесь, является моделью «box box» в режиме Quirks. Если у вас IE в стандартном режиме (что вы всегда должны делать), он использует ту же стандартную блочную модель, что и все остальные браузеры.
@Spudley Я думаю, что сейчас мое поведение IE похоже на «Quirks mode», пожалуйста, обратитесь к моему скриншоту.