如何更改角形材质按钮的宽度

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 mat-raised-button color="primary" style="width : 10em;">Primary</button>

Stackblitz。

Answer 3

但是宽度没有减少到一定限制

Answer 4

您可以这样写：

<button mat-raised-button>BUTTON</button>

或者在CSS中，没有!important属性：

mat-raised-button {
 width: 50px;
}

Answer 5

假设这是您的按钮：

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

您可以继续向按钮添加ID：

#myButton {
width: 150px;
}