首页 > 解决方案 > mat-input 的样式仅在页面刷新后工作

问题描述

在项目中,我们使用了角度材质并为其创建了主题。一切都是全局定义的(src/styles/theme.scss并且主题文件被导入到src/styles.scss),以便在任何地方都可以进行更改。

在此处输入图像描述

不幸的是,因为只有在刷新页面后输入才能正确显示,所以存在竞争。

在此处输入图像描述

我如何设置组件的样式:

mat-form-field {

  .mat-form-field-flex {
    border: 1px solid $form-border--color;
  }
  ...
}

标签: angular-materialangular12

解决方案


推荐阅读