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-user-select：none; 但我不确定它添加属性的位置（如果它必须使用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;
}

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