Css 如何从材质组件web正确更改Sass样式？

我的风格，以适应各自的角材料设计组件

因为我是Sass的新手，我不太确定我是否用正确的方法来做

例如：

我试图更改文本输入，使其在高亮显示时没有背景+完全没有背景色+左侧没有填充。 现在，我的代码如下所示：

app.scss

@import "styles/theming";
$mdc-text-field-background: transparent;
@import "~material-components-web/material-components-web";
@import "styles/inputs";

inputs.scss

.mdc-text-field::before, .mdc-text-field::after {
  content: none;
}

.mdc-text-field .mdc-floating-label {
  left: 0;
}

.mdc-text-field__input {
  padding: 20px 0 6px;
}

这里的问题是，在导入

材质组件web

之前，我需要设置

$mdc文本字段背景

，但之后需要设置其他输入样式

---

有更好的方法吗？

能否在主题文件中添加背景？