Angular 角度材质2 md输入更改非焦点文本和线下颜色

Angular 角度材质2 md输入更改非焦点文本和线下颜色,angular,angular-material2,Angular,Angular Material2,当md输入文本未聚焦时,是否可以更改文本颜色和线条颜色?例如,我在深色背景上使用md输入,因此希望使用白色字体和下划线(见下文)。注:我希望保留其他表单的默认颜色,因此理想情况下,这是一种解决方案,使我能够直接设置特定控件的样式,或者在输入上放置不同的主题 我用下面的方法解决了类似的问题 html 和css .searchbar-focus{ background: white; color: black; } .searchbar-unfocus{ background: rgb

当md输入文本未聚焦时,是否可以更改文本颜色和线条颜色?例如,我在深色背景上使用md输入,因此希望使用白色字体和下划线(见下文)。注:我希望保留其他表单的默认颜色,因此理想情况下,这是一种解决方案,使我能够直接设置特定控件的样式,或者在输入上放置不同的主题


我用下面的方法解决了类似的问题

html

和css

.searchbar-focus{
  background: white;
  color: black;
}

.searchbar-unfocus{
  background: rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.38);
}

对于行,您可以使用
:host>>。md input underline{…}

我用下面的方法解决了类似的问题

html

和css

.searchbar-focus{
  background: white;
  color: black;
}

.searchbar-unfocus{
  background: rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.38);
}
对于行,可以使用
:host>>.md输入下划线{…}

.searchbar-focus{
  background: white;
  color: black;
}

.searchbar-unfocus{
  background: rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.38);
}