it-swarm.com.ru

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

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

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

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

12
Marco Marsala

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

3
s10wen

Я обнаружил, что 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;
   }
}
2
Maarten Wolfsen

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

2
Jose Browne

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

Это потому, что Internet Explorer не может понять значение CSS VW или VH для размера шрифта. Просто измените ваши единицы измерения для текстовых полей обратно на пиксели (PX), и проблема исчезнет.

0
QMCO