如何隐藏/删除下划线输入角度材料?
问题描述:
我在角材质输入元件:如何隐藏/删除下划线输入角度材料?
<md-input-container>
<input type="text" mdInput placeholder="">
</md-input-container>
当输入具有焦点它显示下划线。如何隐藏或删除?
看来我需要为underlineRef
设置null
?
答
更新:
进口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>
原文:
尝试CSS:
::ng-deep .mat-input-underline {
display: none;
}
但如何做到这一点使用属性'underlineRef'? – Daniel
@Daniel,我已经更新了答案。 – Nehal
嘿,得到一个错误'属性'underlineRef''不存在'MdInputDirective'类型' –