如何设置 jquery-ui 日期选择器中数字颜色的样式？

Question

我用谷歌搜索了标题，但没有帮助。我有以下 css:

 .ui-datepicker-calendar{
 position: absolute;
 top:100%;
 left: 0%;
 font-size:18px;
 color: #ff0;  /*This does not work*/ 
 fill: #ff0;  /*This does not work*/
 background: #000;
 }

所有属性都会影响我的日期选择器的样式，除了“颜色”或“填充”属性。这些属性都不会改变我的日期选择器数字的颜色，由于某种原因它是蓝色的。我没有链接到 theme.css 文件（即 jquery-ui.theme.min.css）。任何帮助将不胜感激。

Answer 1

要设置数字样式，您必须使用这些选择器：

.ui-datepicker td span, .ui-datepicker td a {
  color: #ff0; /* Numbers color */
  fill: #ff0; 
}
.ui-datepicker td {
  background: #ededed; /* Numbers background */
}
.ui-datepicker-calendar .ui-state-hover {
  color: red;  /* Numbers color on hover */
}
.ui-datepicker-calendar .ui-state-active {
  color: green; /* Selected date color */
}

Answer 2

您可以下载日期选择器的 css 主题文件并根据需要进行更改 https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css

如何设置 jquery-ui 日期选择器中数字颜色的样式？

How to style the color of the numbers in a jquery-ui datepicker?

css

jquery-ui

datepicker

jquery-ui-datepicker