如何在 jquery datepicker 中更改月份和年份选择器的字体颜色？

Question

我试图弄清楚如何在 jquery datepicker 中更改月份和年份列表选择器的颜色。我的 datepicker 的结果是这样的

如您所见，月份和年份列表字体显示为白色/空白，我只有在选择它们时才能看到月份名称和年份。

我尝试更改 css 文件中的颜色，但没有任何改变。

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
    color:black;
}

那么，这里的任何人都可以帮助我解决如何更改我的日期选择器的字体颜色？

Answer 1

问题：jQuery UI datepicker987654321@中的月份和年份下拉列表中有白色

解决方案：

• jQuery UI 的默认 color 是 #333 用于年份和月份下拉，所以这里是 100% 的变化，其他一些类正在覆盖默认的 color

• 您需要将 .ui-datepicker select.ui-datepicker-month 和 .ui-datepicker select.ui-datepicker-year 颜色更改为根据您的 color:#000!important;

之类的要求

• 确保这个新编写的类只能在导入 jQuery UI css 文件后应用。

• 使用开发者工具栏验证新的 css 正在应用或被其他东西覆盖。

查看以下示例，仅使用 css 将年和月的下拉颜色更改为红色：

  $( function() {
        $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true
    });
  } );

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    color:red!important;
}

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  
  <P>Click on the textbox, see that Month & Year drop down color is changed!</p>
  <input type="text" id="datepicker">