角度材质2 md输入更改非焦点文本和下划线颜色-Java 学习之路

是否可以在未聚焦时更改md输入文本颜色和线条颜色？例如，我在深色背景上使用md-input，因此想要一个白色字体和下划线（见下文） . 注意我想保留其他表单的默认颜色，因此理想情况下是一种解决方案，可以让我直接设置特定控件的样式，或者在输入上放置不同的主题 .

Dark Background and Md Input

1 回答

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

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{...}

回复于 2024-04-27T21:35:30+08:00

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

1 回答

相关问题