自定义角度材料组件尺寸

Question

我正在尝试自定义“角度材质”按钮的大小（即填充）。这些值的定义来自_button-base.scss中一个名为$mat-button-padding的变量。但是，它直接包含在button.ts中。有可能调整该值吗？

我已经尝试在包含材质主题之前覆盖它（因为变量是使用!default定义的），但是它没有效果，因为样式直接包含在按钮组件中。除了手动覆盖它并生成重复的样式（基本上是一个覆盖按钮样式的附加CSS定义）之外，还有其他选择吗？

任何想法都受到高度赞赏。

Answer 1

You can add own class in "mat-button" element like below and you can apply your own css.

<button mat-stroked-button 
color="primary" 
class="common-button">Button</button>

.common-button {
  border-radius: 4px;
  line-height: 2.5;
  height: 80px;
}