Угловой материал 2 мд-ввода, изменяющий текст без фокуса и подстрочный цвет

Question

Можно ли изменить цвет текста и цвет текста md-input, если он не сфокусирован? Например, я использую md-input на темном фоне, поэтому вам нужен белый шрифт и подчеркивание (см. Ниже). Примечание. Я хотел бы сохранить цвет по умолчанию для других моих форм, чтобы в идеале это было решение, позволяющее мне непосредственно настраивать конкретные элементы управления или способ размещения на входах другой темы.

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