如何隐藏/删除下划线输入角度材料？

Question

我在角材质输入元件：

<md-input-container> 
<input type="text" mdInput placeholder=""> 
</md-input-container> 

当输入具有焦点它显示下划线。如何隐藏或删除？

看来我需要为underlineRef设置null？

Answer 1

更新：

进口MdInputDirective

import {MdInputDirective} from '@angular/material'; 

在compoent做以下操作：

@ViewChild('input') input: MdInputDirective; 

ngOnInit(){ 
    this.input.underlineRef.nativeElement.className = null; 
} 

在HTML中，添加#input参考：

<md-input-container #input> 
    <input mdInput placeholder="Last 4 SSN"> 
</md-input-container> 

Plunker demo

原文：

尝试CSS：

::ng-deep .mat-input-underline { 
    display: none; 
} 

demo