javascript - 如何使用 jQuery 在 Materialise 设计中更改日期选择器表单的背景颜色？

Question

我在 materialize design 中使用日期选择器我正在尝试使用 jQuery 更改背景颜色。

Materialize Calendar

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

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

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

Answer 1

您对 $.css() 的使用不正确 - 您还需要使用 background 或 background-color 而不是颜色。

你可以写

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

或

$(".picker__weekday-display").css({"background-color": "#FF0F0F !important"})

查看 API:

http://api.jquery.com/css/#css-propertyName-value

但是，API 还声明:

Note: .css() ignores !important declarations. So, the statement $( "p" ).css( "color", "red !important" ) does not turn the color of all paragraphs in the page to red. It's strongly advised to use classes instead; otherwise use a jQuery plugin.

所以你最好添加一个类:

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

CSS:

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