IE 11 输入不显示键入的文本答案

【问题标题】：IE 11 input not displaying typed textIE 11 输入不显示键入的文本
【发布时间】：2018-11-21 00:52:42
【问题描述】：

一个作品的客户在使用 IE11 时报告了我们的应用程序出现问题。

在特定表单上，有时打开它时，如果您键入，键入的文本将不会显示。如果我打开开发者工具，它会突然显示。

这是属于该表单的渲染 html：

<div class="col-sm-6 ">
<div class="form-group" data-ng-show="myform.txtPropietario.visible">
<label class="col-md-4 control-label my-show-hide-animation">Propietario:</label>
<div class="col-md-8"> 
<div class=" ">
<input name="txtPropietario" class="form-control text-left ng-pristine ng-valid" input-alpha-numeric="ES" onblur="this.value=this.value.toUpperCase();" data-ng-model="myform.values.txtPropietario" data-ng-disabled="myform.txtPropietario.disabled" type="text" step="0.01" maxlength="50" placeholder="  "></div> 
<ul class="errores my-show-hide-animation ng-hide" data-ng-show="myform.seccionPanelPagoServiciosname.txtPropietario.$invalid &amp;&amp; myform.procesado"><li data-ng-show="myform.seccionPanelPagoServiciosname.txtPropietario.$error.required" class="ng-hide"><span>Campo obligatorio</span></li><li data-ng-show="myform.seccionPanelPagoServiciosname.txtPropietario.$error.pattern" class="ng-hide"><span>El formato del dato ingresado no es válido.</span></li>
</ul>
</div>
</div>
</div>

应用程序工作在 AngularJs 之上，而 html 是在 Bootstrap 3 之上构建的。知道为什么会这样吗？

【问题讨论】：

标签： internet-explorer-11 bootstrap-4

【解决方案1】：

没有看到 CSS 很难判断，但是我前段时间遇到了这个问题，并通过设置输入框的高度来解决它。

我的理论是 IE 认为没有足够的高度以我指定的字体大小显示文本。

例如

<input type="text" id="example" style="height: 40px" />

我希望这会有所帮助。

【讨论】：

当我为输入添加一些高度时，我同意 IE 能够显示文本