Javascript 如何在使用jQuery的物化设计中更改datepicker表单的背景色？

我在中使用日期选择器，并尝试使用jQuery更改背景颜色

我试过这条线，但它不起作用

$(".picker__weekday-display").css("color", "#FF0F0F", "important");

---

我需要使用JavaScript，因为我必须动态更改颜色。

color

是前景（文本）颜色。使用

backgroundColor

您对

$.css（）

的使用不正确-您还需要使用

background

或

background color

而不是

color

你可以写

$(".picker__weekday-display").css("background-color", "#FF0F0F !important")

或

请参阅API：

然而，API还规定：

注意：.css（）忽略！重要宣言。因此，语句$（“p”）.css（“color”，“red！important”）不会将页面中所有段落的颜色都变成红色。强烈建议使用类来代替；否则，请使用jQuery插件

因此，您最好添加一个类：

$(".picker__weekday-display").addClass("my-class");

CSS:

.my-class {
  background-color: #FF0F0F !important;
}

---

您确定在$（文档）中添加了javascript。准备好了吗？如果日历未初始化，它将找不到您的类。

我复制了错误的行：S我的错误是使用背景色我尝试了：$（“.picker\uu date-display”）.css（{“background color”：“#ff00ff！important”}）仍然不起作用：（但我用它更改标题颜色：$（“.customColor”）.css（“background color”，“#ff00ff”）而且它工作得很好，我不明白为什么它不能与materialize datepicker一起工作：你尝试使用CSS类来代替吗？重要的是你获得了比现有修饰符更高的

CSS特定性

。你可以在浏览器的控制台中看到应用/覆盖的样式。是的，我试过这样做：$(“.picker\uuuu date-display”）.addClass（“.customColor”）。customColor是我的标题颜色仍然不起作用。如果我在css文件中更改它，它工作得很好，但我必须动态更改它，因此我必须使用jquery进行更改。点

只能添加到样式表中（参见上面的示例）。您不能在

addClass（）

函数中添加点：

$（“.picker\uu date-display”）.addClass（“customColor”）

。正如我所说，您必须确保实现更高的CSS特定性（使用样式表选择器）除了其他现有的背景色修改。谢谢你的帮助，我的第一行工作做得很好，只是不在正确的位置OMG..我很不好..我的行工作做得很好..我只是没有把它放在正确的位置！谢谢

.my-class {
  background-color: #FF0F0F !important;
}