是否可以在未聚焦时更改md输入文本颜色和线条颜色?例如,我在深色背景上使用md-input,因此想要一个白色字体和下划线(见下文)。注意我想保留其他表单的默认颜色,这样一个理想的解决方案可以让我直接设置特定控件的样式,或者在输入上放置不同的主题。
答案 0 :(得分:2)
我用下面的方法解决了类似的问题。
HTML
<md-input
(focus)="searhFocus()"
(blur)="searchUnfocus()"
[ngClass]="{'searchbar-unfocus': !searchFocused, 'searchbar-focus': searchFocused}">
</md-input>
component.ts
private searchFocused: boolean = false;
searhFocus() {
this.searchFocused = true;
}
searchUnfocus() {
this.searchFocused = false;
}
和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{...}