我正在使用Angular Material的轮廓mat-form-field来设计一个表单。我得到了带有边角半径的默认mat-form-field轮廓文本框视图。是否有任何方法可以去除轮廓mat-form-field的边角半径并将其转换为正方形文本框视图。
我尝试使用以下方式更改Angular Material mat-form-field的默认样式,但它没有起作用。
//css
我尝试使用以下方式更改Angular Material mat-form-field的默认样式,但它没有起作用。
//css
.mat-form-field-appearance-outline .mat-form-field-outline-start
.alignment{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
<mat-form-field appearance="outline" [hideRequiredMarker]="true"
class="alignment">
<mat-label>Email Address</mat-label>
<input type="text" matInput placeholder="Enter email address">
</mat-form-field>
我希望轮廓mat-form-field没有边框圆角文本框,就像一个正方形的文本框mat-form-field,但是得到了默认的轮廓mat-form-field视图。