如何在Angular的Mat输入字段中添加边框颜色

阿南德·斯里瓦斯塔瓦(Anand Srivastava)

有什么方法可以在Angular的mat输入字段中添加边框颜色,默认情况下,它没有边框,当我们将鼠标悬停在它上面时,它会变成黑色边框。

在此处输入图片说明

我们可以将默认行为更改为黑色边框吗?我无法通过任何CSS来做到这一点。

我用这个-

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: white;
}
达科帕特尔

请将此css写在style.css文件的末尾

如果您在Component.css上添加了此CSS,则它将无法正常工作

如果仍然无法使用,请尝试使用!important

希望对所有人有用

原因

任何CSS文件或CSS都将应用该样式的最后一个值

  .CLASS {
     font-size : 20px;
    }

 .CLASS {
     font-size : 10px;
  }

因此它将遇到font-size:10px;

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在python中的热图的特定元素中添加颜色边框或类似的高光?

如何在Angular mat工具提示中添加填充?

Bootstrap:如何在输入字段中获得纯边框?

如何在Xamarin.Forms中更改输入的边框颜色

在jQuery中自动为输入字段添加边框焦点

如何在输入字段文本中添加填充[CSS]

如何在WooCommerce产品页面中添加用户输入字段

如何在TextInput中更改边框颜色

如何在反应中管理表单内输入字段的颜色?

如何在活动抽屉菜单中添加左边框颜色?

如何在tkinter python3中为按钮添加边框颜色

如何仅在tkinter的输入字段中添加底边框?

如何在输入字段中添加多个值

如何在文本形式的字段颤动中更改底部边框的颜色

如何在jQuery Mobile中动态更改输入字段的边框颜色

如何在div中更改边框颜色?

我如何在输入字段中添加永久占位符

如何在QT中更改边框颜色

Highcharts:如何在StockCharts中更改RangeSelector输入框的边框颜色?

CSS:如何在输入单选按钮标签上添加不同颜色的边框?

如何在输入字段中添加按钮

如何在 mat-Input 字段中聚焦时更改 mat-icon 颜色?

如何在 Mat Table - Angular 中添加一列?

如何在 Angular Material textarea 字段上添加边框?

如何在轮廓 materialUI 输入中设置边框和图标的颜色?

如何在Angular中为mat-chip-list的输入字段添加水平滚动?

更改 Angular Mat 输入边框底部颜色

如何在输入边框上添加文本?

如何在 [vba] [powerpoint] 中为图像添加颜色边框