我试图弄清楚如何在jquery datepicker中更改月份和年份列表选择器的颜色。我的日期选择器的结果是这样的
如您所见,月份和年份列表字体显示为白色/空白,只有选择月份名称和年份,我才能看到它们。
我试图更改css文件中的颜色,但是它什么都没有改变。
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
color:black;
}
那么,这里的任何人都可以帮助我解决如何更改日期选择器的字体颜色?
答案 0 :(得分:1)
问题:jQuery UI datepicker
的月份和年份下拉列表中有白色
解决方案:
- 对于“年和月”下拉列表,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">