Microsoft Edge 输入问题

Question

我正在开发一个有角度的应用程序，并且有一些使用引导程序进行样式输入的表单输入，但是当我尝试在 Microsoft Edge 中输入它们时，它不允许我这样做。它所做的只是创建一个下拉菜单，只允许我选择以前的值。

这是一个相当大的项目，所以我不确定如何重新创建它，并且想知道是否有人知道问题是什么或从哪里开始检查。

（对不起，这个还是新的）

这是包含文本输入字段的 div 的样子。

          <div class="form-group"> <!-- Name question on the form  -->
            <div class="row">
              <div class="col-12">
                <label>
                  Under what name do you want to save this form?
                </label>
              </div>
            </div>
            <div class="input-group">
              <input class="form-control" type="text" [(ngModel)]="cons.name" [ngModelOptions]="{standalone: true}"
                     mdTooltip=
                       'This is the name that the form will be saved under "Saved Forms" on your dashboard'
                     mdTooltipPosition="right"
                     autofocus/>
            </div>
          </div>

当我尝试在 Microsoft Edge 中输入时，光标消失并出现一个下拉菜单。当我在 Chrome 中尝试此操作时，不会发生这种情况。数字输入框也会出现这个问题。

我检查了元素并添加了属性 -ms 用户选择：无； 但我不确定它在哪里添加了属性（如果它必须与 Edge 或 Bootstrap 一起做），但是当我在检查器中取消选中它时，它允许我单击并输入。

Answer 1

（从这里转发：Can't type in input field using Microsoft Edge and Safari）

我不确定你有什么样式，但我遇到了同样的问题，这是由于这条规则：

* {
  user-select: none;
}

我添加的原因是我的 UI 鼓励双击某些元素，结果选择文本时看起来很糟糕。

无论如何：删除此规则可修复“无法在 Edge 中输入文本”问题。我也在尝试以下规则：

*:not(input) {
  user-select: none;
}

不确定它是否适用于我想要的一切，但可能非常适合您的情况。