이중 테두리 바닥 매트 입력 각도

Question

저는 Angular 4.4 및 Material Design을 사용하여 백 오피스를 개발했으며 몇 가지 형태로 매우 이상한 것을 보았습니다. 내가 설명하기가 어렵 기 때문에 스크린 샷을 찍었습니다. 이중 경계선과 비슷하지만 Chrome 관리자를 사용할 때 문제를 발견하지 못했습니다.

<mat-input-container class="form-input"> 
    <input matInput name="firstname" maxlength="255" placeholder="{{ 'user.form.fields.firstname' | translate }}" required [(ngModel)]="currentUser.firstname" /> 
</mat-input-container> 

<mat-input-container class="form-input"> <input matInput type="text" name="lastname" required [(ngModel)]="currentUser.lastname" placeholder="{{ 'user.form.fields.lastname' | translate }}"> 
</mat-input-container> 

<mat-input-container class="form-input"> <input matInput type="email" name="email" required [(ngModel)]="currentUser.email" placeholder="{{ 'user.form.fields.email' | translate }}"> 
</mat-input-container> 

이 CSS를 피하기 위해 어떤 생각?

Answer 1

height: 0을 추가 할 수 있으며 테두리를 올바르게 복원해야합니다. 내 생각 엔 그들은 그것을 포함하는 것을 잊었습니다. input[type="email"]