css - 如何自定义 Angular Material 的 input/md-input-container 组件？

Question

如标题所述， 我如何自定义这些元素？ 看起来他们正在使用透明背景，这在大多数背景调色板上很难查看

Answer 1

在“angular-material.css”之后添加一个空白的css文件，并在该空白的css文件中覆盖你想要自定义的规则。

针对您遇到的问题，我在我的 custom.css 中添加了以下规则。

md-input-container.md-default-theme label, 
 md-input-container.md-default-theme .md-placeholder{
    color:grey !important;
}

在这里你可以根据需要改变color或background-color。