Невозможно ввести текстовые поля в IE11

На моем сайте я не могу вводить текстовые поля в IE11 в Windows 7. Нажав на поле ввода текста, я вижу, что каретка мигает вне поля, расположенного в другом месте на странице. Я могу воспроизвести проблему на многих компьютерах с помощью IE11.

Установка IE8 через Inspector решает проблему, при этом IE> = 9 показывает проблему. Сайт использует Twitter Bootstrap. Я испробовал исправления z-index без успеха.

Ссылка на сайт: http://fortis7.moutheme.com/

Ответ 1

Мне удалось исправить эту проблему, придав ей height.

Ответ 2

Для меня выглядит как> = IE8 имеет проблему с полем CSS-свойства размера. Кажется, он скрывает текст, который не подходит. Мне пришлось корректировать размер и размер шрифта для IE, чтобы исправить эту проблему. Не уверен, что это та же проблема, что и у вас... но стоит того.

Ответ 3

Я узнал 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;
   }
}

Ответ 4

У меня была та же проблема, и выяснилось, что настройка моего 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;
}