我正在开发一个 Angular 应用程序,想要更改 mat-flat-button 的边框半径。我可以使用 css 更改按钮的背景颜色,但不能更改边框半径。我的代码
<div flexLayout = "row">
<button class="flat_button" (click)="toggle_color()" mat-flat-button>B2-L1</button>
<button mat-flat-button>B2-L3</button>
<button mat-flat-button>B2-L3</button>
<button mat-flat-button>B2-L4</button>
</div>
.css
.mat-flat-button {
background-color: grey;
border-radius: 0 px;
}
.mat-button {
border-radius: 0 px;
}
有人可以帮我解决这个问题吗?
最佳答案
Material 按钮通常会添加相同的类。如果您为按钮类分配某种样式,它应该反射(reflect)在屏幕上。尝试如下:
.mat-button,
.mat-flat-button,
.mat-icon-button,
.mat-stroked-button {
border-radius: 0px;
}
关于css - 更改 Angular 上垫平按钮的边框半径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58014738/