css - Ionic 5 - ionic 按钮类型 ="submit"css 错误

Question

当我将类型添加到按钮时，它下方会出现一个矩形阴影。

<form [formGroup]="loginForm" (ngSubmit)="setLoginData()">
    <ion-button class="facebook" shape="round" (click)="facebookLogin()">
        <label class="label">Entrar com o Facebook</label>
    </ion-button>
    <div class="separator"> <label style="color: #5C6B7C">ou</label> </div>
    <ion-item>
        <ion-label position="floating">E-mail</ion-label>
        <ion-input name="email" type="email" formControlName="email"></ion-input>
    </ion-item>
    <br>
    <ion-item>
        <ion-label position="floating">Senha</ion-label>
        <ion-input name="password" type="password" formControlName="password"></ion-input>
    </ion-item>
    <ion-button class="signIn" type="submit" shape="round"> 
        <label class="label">Fazer Login</label>
    </ion-button>
</form>

Image with bug in button css

没有类型提交工作正常

<form [formGroup]="loginForm" (ngSubmit)="setLoginData()">
    <ion-button class="facebook" shape="round" (click)="facebookLogin()">
        <label class="label">Entrar com o Facebook</label>
    </ion-button>
    <div class="separator"> <label style="color: #5C6B7C">ou</label> </div>
    <ion-item>
        <ion-label position="floating">E-mail</ion-label>
        <ion-input name="email" type="email" formControlName="email"></ion-input>
    </ion-item>
    <br>
    <ion-item>
        <ion-label position="floating">Senha</ion-label>
        <ion-input name="password" type="password" formControlName="password"></ion-input>
    </ion-item>
    <ion-button class="signIn" shape="round"> 
        <label class="label">Fazer Login</label>
    </ion-button>
</form>

Image without bug in button css

Answer 1

在我的全局样式表中添加了这个和之前答案的 css，以便它适用于应用程序中的每个提交类型按钮:

ion-button[type=submit] {
  appearance:         none;
  -moz-appearance:    none;
  -webkit-appearance: none;
}