更改materialize CSS上的日期选择器颜色

我尝试了中提出的解决方案，但这些都不起作用了，可能是因为更新到1.0.0（这个问题是从2018年开始的），也许类名现在不同了，但我没有发现任何东西。这是我的代码片段

.picker\uuuu盒{
背景色：#CCC！重要；
}
.picker\u日期显示、.picker\u工作日显示{
背景色：#CCC！重要；
}

一般形式
名称
姓
电子邮件
日期
发送
提交
document.addEventListener（'DOMContentLoaded'，函数（）{
M.AutoInit（）；
});

您正在寻找类

。日期选择器日期显示

，但它的使用效率可能更高。您可以更改（例如，

$datepicker date bg

）并生成干净的代码，而无需覆盖。

基于@Jax-p提供的出色且正确的答案，Sass在以后的工作中可能更为有用，这是因为Materialize的设置方式

主题有两种主要颜色，它们在第37行和第41行的variables.scss中设置：

$primary-color: #3C3842 !default;
$secondary-color: #C59F6A !default;

主色调是用于导航条的粉色，蓝绿色是用于按钮的绿色。你会注意到青色总是出现在Materialize中——按钮、日期选择器、输入等等——这是因为几乎每个元素的颜色都来自这两个基本颜色变量。在这种情况下，青色是次要颜色。稍微深入一点variables.scss，我们可以看到datepicker被设置为次要（teal）颜色：

这就是样式向下流向元素的方式。因此，虽然您可以使用

.datepicker date display

覆盖单个日期选择器实例，但青绿色将保留在样式表的其余部分，这将破坏设计的一致性

如果您决定将主题颜色设置为银色，则可以在variables.scss、save中去掉一行css，然后将生成的materialize.css sile作为默认样式表：

$secondary-color: #CCC !default;

值得深思的是，a+1表示Sass非常棒！：）

$secondary-color: #CCC !default;