角材料19造型

Question

https：//material.angular.io/styling

）设计形式。 注意我使用了buttro-verriders mixin，它的工作正好很好：

@use "@angular/material" as mat;

@include mat.button-overrides(
 (
   filled-container-color: green,
 )
);

但这不起作用：

@use "@angular/material" as mat;

@include mat.form-field-overrides(
  (
    filled-caret-color: orange,
    filled-focus-active-indicator-color: red,
    outlined-caret-color: orange,
    container-height: 2,
  )
);

我弄清楚了。 @include垫子...必须包裹在选择器中才能工作。

Answer 1

or

@use "@angular/material" as mat;

mat-form-field{
  @include mat.form-field-overrides(
    (
      filled-caret-color: orange,
      filled-focus-active-indicator-color: red,
      outlined-caret-color: orange,
      container-height: 2,
    )
  );
}