IE Edge/11：表单字段的奇怪光标行为

Question

我在表单字段中遇到光标的奇怪行为，有什么方法可以用 css 或其他方法修复它吗？

我正在使用 bootstrap，以下是我的代码和光标预览。有时显示为图A，有时显示为图B。

<form>
    <label for="inputEmail">Username</label>
    <input name="inputEmail" class="form-control" id="inputEmail" type="text" autocomplete="off">
    <label for="inputPassword">Password</label>
    <input name="inputPassword" class="form-control" id="inputPassword" type="password">
</form>

Answer 1

我无法复制你的问题。这个 CodePen 正在说明这一点。 http://codepen.io/anon/pen/WwOYxB

<form>
    <label for="inputEmail">Username</label>
    <input name="inputEmail" class="form-control" id="inputEmail" type="text" autocomplete="off">
    <label for="inputPassword">Password</label>
    <input name="inputPassword" class="form-control" id="inputPassword" type="password">
</form>

您是否正在使用其他 css 来覆盖 Bootstrap 样式？

Answer 2

参考这个 post 在 IE 中转到 Internet 选项 > 高级 > 并检查选项 "Use software rendering instead of GPU rendering*"

这将解决问题。