Angularmat-form-field无法正常工作-文本框内部出现边框线 _程序开发

创始人

2024-10-28 06:31:19

0次

问题原因是由于mat-form-field的内部border属性与浏览器默认样式发生冲突引起。在CSS中为mat-form-field设置如下样式即可去除内部边框线：

 ::ng-deep .mat-form-field-underline, .mat-form-field-ripple {
      display: none;
 }

其中 ::ng-deep 是Angular提供的一种给组件内部样式设置全局作用域的方式。

在HTML中使用如下代码即可实现：

在CSS中添加以上样式即可去掉边框线。

实测揭晓！微扑克职业代打，微扑... 实测揭晓！微扑克职业代打，微扑克有挂么（微扑克）切实存在有挂（有挂解惑）-哔哩哔哩；1、许多玩家不知...

研究成果！微扑克辅助软件，微扑... 研究成果！微扑克辅助软件，微扑克有挂么（微扑克）本来存在有挂（有挂实锤）-哔哩哔哩微扑克辅助软件软件...

终于清楚！微扑克辅助挂，微扑克... 终于清楚！微扑克辅助挂，微扑克如何让系统发好牌（微扑克）确实是有挂（有挂秘籍）-哔哩哔哩1、微扑克如...

重大通报！微扑克ai辅助工具，... 重大通报！微扑克ai辅助工具，微扑克透牌（微扑克）切实有挂（有挂猫腻）-哔哩哔哩进入游戏-大厅左侧-...

普及知识！微扑克有ai吗，微扑... 普及知识！微扑克有ai吗，微扑克如何让系统发好牌（微扑克）本来有挂（存在有挂）-哔哩哔哩1、上手简单...

一分钟教会你！微扑克有挂么，微... 一分钟教会你！微扑克有挂么，微扑克ai机器人（微扑克）好像是真的有挂（真的有挂）-哔哩哔哩1、微扑克...

玩家实测！微扑克辅助工具，微扑... 玩家实测！微扑克辅助工具，微扑克如何让系统发好牌（微扑克）真是存在有挂（详细教程）-哔哩哔哩1、全新...

玩家必看科普！微扑克辅助提高胜... 玩家必看科普！微扑克辅助提高胜率，微扑克透牌（微扑克）原来有挂（有挂神器）-哔哩哔哩微扑克辅助提高胜...

查到实测辅助！微扑克辅助工具怎... 查到实测辅助！微扑克辅助工具怎么下载，微扑克有挂么（微扑克）确实有挂（有挂猫腻）-哔哩哔哩；1、微扑...

最新研发！微扑克有挂么，微扑克... 最新研发！微扑克有挂么，微扑克有挂么（微扑克）果然存在有挂（真的有挂）-哔哩哔哩1）微扑克有挂么辅助...