如何更改角材料按钮的宽度？

Question

如何更改角材料按钮的宽度？我正在使用角度 6。

Answer 1

您可以附加一个类并对其进行操作。

<button mat-raised-button class="my-class">Show</button>

然后在 CSS/SASS 文件中

.my-class{
      width: 100px!important;
      min-width: unset!important;
}

这应该确保属性被覆盖。BR

Answer 2

假设这是你的按钮：

<button id="myButton" mat-button color="primary">Primary</button>

您可以继续添加 id 到按钮：

#myButton {
width: 150px;
}