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中添加以上样式即可去掉边框线。

德扑ai智能！we poke有... 1、德扑ai智能！we poke有挂吗，（wepOkE）本然是真的有挂（详细辅助解说技巧）；详细教程...

微扑克全自动机器人！poker... 微扑克全自动机器人！pokernow怎么开挂，（WEPOke）总是是有挂（详细透视必赢教程）；亲们利...

aapoker透明挂！wpk有... aapoker透明挂！wpk有猫腻吗，（wePOke）一直存在有挂（详细辅助扑克教程）是一款可以让一...

德州AI智能辅助机器人！微扑克... 德州AI智能辅助机器人！微扑克有没有稳赢的打法，（wEPoke）往昔真的有挂（详细辅助力荐教程）是一...

德州之星插件！wpk数据清零，... 德州之星插件新手教程相关信息汇总（需添加指定Q群1067239143获取下载链接）；德州之星插件！w...

德扑数据软件！哈糖大菠萝有外挂... 德扑数据软件！哈糖大菠萝有外挂吗，（WepOke）固有真的有挂（详细透视AI教程）;1分钟了解详细教...

aapoker透明挂！aa p... aapoker透明挂！aa poker有没有挂，（Wepoke）原来真的是有挂（详细辅助教你攻略）是...

德扑之星有作弊！德扑之星有没有... WePoke高级策略深度解析‌；德扑之星有作弊！德扑之星有没有规律，（WpK）切实真的是有挂（详细透...

we辅助poker德之星！wp... we辅助poker德之星！wpk德州ai，（wPK）切实存在有挂（详细辅助细节方法）；we辅助pok...

微扑克辅助挂！epoker外挂... 大家肯定在之前微扑克辅助挂或者微扑克辅助挂中玩过微扑克辅助挂！epoker外挂，（wEpoKe）一直...