mat-icon-button提交在IE和Chrome上的行为有所不同

Question

我们在应用中使用了角材控制。 我们有一个带有多个输入文本框的表单和一个类型为Submit的mat-icon-button。 如果用户在任何文本框中均按回车，则应提交表单。 在IE和Chrome上，功能似乎都运行良好。 在IE中，您可以看到按钮的样式立即更改，显示单击的按钮就像在图像中看到的那样。但是在Chrome / Firefox中，即使提交了表单，按钮样式也不表示已单击该表单。

按钮声明：

<button mat-icon-button matTooltip="Search" type="submit">
  <mat-icon>filter_list</mat-icon>
</button>

IE中的快照： Chrome中的屏幕截图：

我到目前为止的尝试/想法 看起来IE中的默认行为是在提交表单时（通过在任何文本框中单击Enter）模拟表单中第一个提交按钮的单击。我尝试添加2个提交按钮，然后按Enter。突出显示/聚焦第一个提交按钮。 如果我现在可以隐藏第一个提交按钮，它应该可以工作。但是，只要我通过将样式设置为“ display：none”来隐藏第一个提交按钮，它就会开始在提交时聚焦并突出显示可见（第二个）按钮。