На моем сайте я не могу вводить текстовые поля в IE11 в Windows 7. Нажав на поле ввода текста, я вижу, что каретка мигает вне поля, расположенного в другом месте на странице. Я могу воспроизвести проблему на многих компьютерах с помощью IE11.
Установка IE8 через Inspector решает проблему, при этом IE> = 9 показывает проблему. Сайт использует Twitter Bootstrap. Я испробовал исправления z-index без успеха.
Ссылка на сайт: http://fortis7.moutheme.com/
Мне удалось исправить эту проблему, придав ей height.
Для меня выглядит как> = IE8 имеет проблему с полем CSS-свойства размера. Кажется, он скрывает текст, который не подходит. Мне пришлось корректировать размер и размер шрифта для IE, чтобы исправить эту проблему. Не уверен, что это та же проблема, что и у вас... но стоит того.
Я узнал box-sizing: border-box; не работает, поэтому я изменил его на content-box:
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
/* IE10+ specific style */
input:not([type="select"]),
input:not([type="submit"]) {
padding: 15px 20px;
box-sizing: content-box;
line-height: normal;
width: auto;
height: 15px;
display: inline-block;
}
}
У меня была та же проблема, и выяснилось, что настройка моего CSS-фреймворка (Foundation) поставила высоту 2.4375rem на все входы... Вам нужно переопределить это! Что-то вроде
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
height: auto;
}