无法在 IE11 中输入文本字段答案

【问题标题】：Cannot type in textfields in IE11无法在 IE11 中输入文本字段
【发布时间】：2014-01-22 22:08:32
【问题描述】：

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

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

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

【问题讨论】：

我也有同样的问题.. 太奇怪了。解开所有事件.. 同样的问题
我在 IE11 中仍然有这个问题。有时它会起作用，但大多数情况下，当我单击文本字段时，我的插入符号会在字段外闪烁，位于页面中的随机位置。如果有人知道任何问题，请告诉我。我不知道这是 IE 问题还是我的应用程序。我正在使用 jsf1.2/richface3.2。
你能发个小提琴吗？

标签： internet-explorer twitter-bootstrap textfield

【解决方案1】：

发现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】：

对我来说，>= IE8 的 box-sizing css 属性有问题。它似乎隐藏了它不适合的文本。我不得不调整 IE 的填充和字体大小来解决这个问题。不确定这是否与您遇到的问题相同。但值得一试。

【讨论】：

删除 border-box 属性对我有用。但是该死的 IE！

【解决方案3】：

我通过给它一个height 设法解决了这个问题。

【讨论】：

@UriAgassi 就 SO 政策而言，这是一个有效的答案。没有最低职位长度要求。这可能不是一个好的或正确的答案（我无法判断），但在这种情况下，请不要投反对票。
这解决了我的问题。只需设置高度：1%；成功了，事实上有一个 height:30px 导致了这个问题。
当我们检查网站上的元素时，我们注意到box-sizing 被设置为border-box。设置此属性时，它会导致 height 被解释为 0px。改变其中任何一个都对我们有用。
我设法通过减少填充和增加高度来解决这个问题。

【解决方案4】：

我遇到了同样的问题，发现是我的 CSS 框架（基础）的设置为所有输入设置了 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;
}

【讨论】：

【解决方案5】：

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

【讨论】：