更改下划线颜色Material Ui SCSS

Question

在我当前的项目中，我遇到了一个问题，即在主题中使用调色板之前，需要使用SCSS更改下划线的颜色。 现在，使用以下代码可以显示一行。

.input {
   border-bottom: 1px solid red !important;
}

但是，这显然只是一个替代方案。有谁知道如何禁用下划线（使用输入道具的代码片段对我不起作用）或更改调色板？

编辑： 我找到了解决方案。我刚刚添加了

div::after{
   border-bottom: 2px solid red !important;
}
div::before{
   border-bottom: 1px solid grey !important;
}

到代码，现在可以了：D

亲切的问候， 佛罗多