如何更改下一个/上个月箭头的颜色(jQuery Datepicker)

时间:2017-02-03 13:10:56

标签: jquery css jquery-ui datepicker uidatepicker

在jQuery Datepicker中,我想更改日历上下一个/上个月箭头的颜色。

我在其他地方看到了一些提示,说明你可以完全换掉图像

但是在我的情况下,我希望保持默认情况下'箭头图片,但只是将其颜色更改为更轻的方案

这可能吗?如果可以,怎么做?

由于

1 个答案:

答案 0 :(得分:3)

在UI样式表中,有ui-icon个类,它们使用background-image属性来定义使用的图标集。下载包中有几个不同的集合,我认为我的包括红色(#cd0a0a),蓝色(#2e83ff)以及白色(#ffffff)和一些不同的灰色/背面色调(#222222,#454545和#888888)。我不确定你使用的是什么,但你可以改变这些,或者创建一组新的类,专门覆盖日期选择器,类似......

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}