在mat select angular中禁用时如何隐藏下划线

在mat select angular中禁用时如何隐藏下划线,angular,list,dropdown,underline,Angular,List,Dropdown,Underline,在此页面中,在“禁用选择或单个选项”中,禁用时,mat select如下所示: 所以我想隐藏那个尖下划线 我尝试了这里找到的一些解决方案,但没有一个对我有帮助。将此CSS代码添加到您的组件: :host /deep/ .mat-form-field-disabled .mat-form-field-underline { background-image: none !important; } 这不是下划线,而是背景图像。试试这个 .mat-form-field-disabled .mat

在此页面中,在“禁用选择或单个选项”中,禁用时,mat select如下所示:

所以我想隐藏那个尖下划线


我尝试了这里找到的一些解决方案,但没有一个对我有帮助。

将此CSS代码添加到您的组件:

:host /deep/ .mat-form-field-disabled .mat-form-field-underline {
 background-image: none !important;
}

这不是下划线,而是背景图像。试试这个

.mat-form-field-disabled .mat-form-field-underline {
            background-image: unset;
}

将其添加到
style.css
中,并检查
angular.json
是否在主题文件之前加载
style.css
。mat表单字段已禁用。mat表单字段下划线{background:none!important;}???@Eliseo不起作用。