角材料密码字段无法在IE（最新版本）中正确呈现

Question

我用棱角材料制作了登录表格。文本输入字段可以正常工作，但是密码字段在Internet Explorer 11中无法正常显示。

截屏： enter image description here

代码如下：

 <mat-form-field class="feild-full-width" color="primary">
               <input matInput type="text" placeholder="Username" 
 autocomplete="off" />
            </mat-form-field>

        <mat-form-field class="feild-full-width" color="primary">
          <input matInput placeholder="Password" autocomplete="off" [type]="texttype ? 'password' : 'text'" />
          <mat-icon matSuffix (click)="texttype = !texttype">{{texttype ? 'visibility_off' : 'visibility'}}</mat-icon>
        </mat-form-field>

如何解决？