如何自定义 mat-select 的样式？

Question

我有一个自定义主题，对此我想设置mat-select 的样式，而将mat-option 部分保持原样。我可以更改它的背景颜色，但无法更改 font-color、font-family、font-size 以及 height 和 padding 就像示例之一。

谁能帮助我？ 请参考此example 以供参考。我希望它看起来像那里的文本框。

Answer 1

这很简单。

1. 在项目的根级别创建一个 _material_override.css 文件。
2. 根据您在此文件中的要求覆盖 mat-select 类的样式。
3. 将此 css 文件导入您项目的 style.css 文件中。