изменить радиус границы мат-плоской кнопки на угловую

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; 
}