小编wog*_*gri的帖子

Angular Material 15:如何自定义按钮和输入字段的样式?

我想覆盖 Angular Material 15 按钮和输入字段中的字体宽度。

Material 文档在这里说我应该在样式表中执行此操作:

@use '@angular/material' as mat;

$my-custom-level: mat.define-typography-level(
  $font-family: Roboto,
  $font-weight: 400,
  $font-size: 1rem,
  $line-height: 1,
  $letter-spacing: normal,
);
Run Code Online (Sandbox Code Playgroud)

我不认为这段代码实际上“应用”了我的字体更改,我想它需要应用于当前主题或其他东西,我尝试了各种方法,但不知道如何应用它。任何提示将不胜感激。

我尝试创建自定义主题,但无法弄清楚在哪里应用 $my-custom-level:

$config: mat.define-typography-config();

$theme: mat.define-light-theme((                                                    
    typography: $config,
));

@include mat.input-typography($theme);
Run Code Online (Sandbox Code Playgroud)

angular-material angular angular-material-15

5
推荐指数
1
解决办法
6214
查看次数