更改角度上垫平按钮的边框半径

Question

我正在开发一个角度应用程序，想更改 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;     
  }

有人可以帮我吗？

Answer 1

材质按钮通常会在按钮上添加相同的类。如果您为按钮类分配某种样式，它应该反映在屏幕上。尝试如下：

.mat-button, 
.mat-flat-button, 
.mat-icon-button, 
.mat-stroked-button { 
  border-radius: 0px; 
}

Answer 2

如果您想将过滤器应用于凸起按钮，您可以执行以下操作：

.mat-flat-.mat-mdc-raised-button {
  border-radius: 25px;
}