首页 文章

Angular Material MatFormField外观=“填充”主题问题

提问于
浏览
0

我有一个处理Angular Material主题的问题,特别是MatFormField指令 . 可能在Material v6周围,我发现matFormField指令有新选项,如appearance =“fill”和appearance =“outline”,我发现外观=“填充”有用,但我想知道如何更改背景颜色,正在使用的填充 .

我尝试了一些方法,比如

<input class="w-100 bg-white form-control" #tileFilter 
          [formControl]="filterBy" 
          [matAutocomplete]="spiritilesAutocomplete"
          [matChipInputFor]="chipList"
          placeholder="Search by... Keyword, Author, Title, Story, etc."
          >

我也尝试过选择

mat-form-field .mat-form-field-flex{
background-color: white;

}

特别是选择和样式mat-form-field的许多其他变体,但是我找不到css选择器,也没有找到文档中背景颜色的api引用 . 我看到Material允许使用带下划线的部分和标签,但我想专门针对背景颜色 . 谁能请我指出正确的方向 . 也许我只是无知 .

1 回答

  • 0

    您需要将 !important 添加到background-color值才能使其正常工作:

    .mat-form-field-flex {
        background-color: white !important;
    }
    

相关问题