Question

我有一个使用一些引导程序的Angular应用程序，并且有一个看起来像这样的文本输入框

   <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}"
         mdTooltipPosition="right"
        autofocus/>
    </div>
  </div>

当我在Chrome中使用该应用时，输入框工作正常，但在Microsoft Edge和Safari上，它不允许我输入输入框。可能导致这种情况的原因是什么？

Answer 1

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

* {
  user-select: none;
}

我添加了因为我的UI鼓励双击某些元素，并且在选择文本时看起来很糟糕。

无论如何：删除此规则会修复＆＃34;无法在Edge＆＃34;中输入文本。问题（我没有使用Safari的设备，因此无法对该浏览器发表评论）。我也尝试使用以下规则：

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

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

无法使用Microsoft Edge和Safari键入输入字段

1 个答案: