Question

我用Google搜索了标题并没有帮助。我有以下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;
 }

除了'color'或'fill'属性之外，所有属性都会影响我的datepicker的样式。这些属性都不会改变我的datepicker数字的颜色，因为某些原因它是蓝色的。我没有链接到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 datepicker中设置数字的颜色？

2 个答案: