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

时间:2017-09-25 21:17:02

标签: internet-explorer-11 bootstrap-4

在使用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上构建的。 知道为什么会这样吗?

1 个答案:

答案 0 :(得分:7)

在没有看到CSS的情况下很难分辨,但是我在一段时间后遇到了这个问题并通过设置输入框的高度来修复它。

我的理论是,IE并不认为有足够的高度来显示我指定的字体大小的文字。

例如

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

我希望这会有所帮助。