Javascript 更改材质ui文本字段的边框底色

我想更改材质Ui文本字段底部边框的颜色，当它聚焦时，也应该更改颜色

文本字段

---

______________（此边框颜色）

检查元素并查找设置边框颜色的样式。您会发现它可能是.mdc-text-field\u输入类。只要覆盖它

input.mdc-text-field__input {
  border-bottom-color: red;
}
input.mdc-text-field__input:focus {
  border-bottom-color: yellow;
}

---

您需要在CSS

选择器之后设置颜色。这里是一个屏幕截图附件，这将帮助你


只需执行以下操作：

.yourInputFieldClassName:after {
    transform: scaleX(1);
    border-bottom-color: #f44336;
}

如果有效，请告诉我。
无效。。顺便说一句，非常感谢。@SeT你能分享你的代码和DOM HTML和CSS的截图吗？谢谢你，它成功了。auditTextFieldComp div:before{border bottom color:#e9e9f0！important；}。auditTextFieldComp div:before{border bottom color:#e9e9f0！important；}@SeT I我的答案帮助您接受我的答案。