Question

在我的网站中，我无法在Windows 7上的IE11上键入文本框。单击文本输入字段，我可以看到该字段在字段外闪烁，位于页面中的另一个位置。我可以用IE11在许多计算机上重现这个问题。

通过Inspector设置IE8解决了问题，IE＆gt; = 9显示问题。该网站使用Twitter Bootstrap。我尝试了z-index修复但没有成功。

网站链接：http://fortis7.moutheme.com/

Answer 1

我设法通过提供height来解决此问题。

Answer 2

对于我看起来像＆gt; = IE8有框大小css属性的问题..它似乎隐藏文字它不能适合..我不得不调整我的填充和字体大小的IE来解决这个问题。不确定这是否与您有相同的问题..但值得一试。

Answer 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;
   }
}

Answer 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;
}

Answer 5

这是因为Internet Explorer无法理解字体大小的VW或VH的CSS值。只需将文本框的单位更改回像素（PX），问题就会消失。

无法在IE11中输入文本字段

5 个答案: