Jquery Ui Datepicker 更改图标

Question

有没有办法可以更改 Jquery Ui Datepicker 的“上一个”和“下一个”月份图标，我知道该图标是由类定义的。看起来主题滚筒没有提供此选项。

Answer 1

您可以覆盖箭头样式并将它们设置为您的自定义图像；请记住将 !important 设置为您的自定义规则，以覆盖 jQueryUI 默认值。

喜欢(在谷歌上找到的图片):

.ui-datepicker-prev span {
    background-image: url(http://legacy.australianetwork.com/img/icon_arrow_left_black.png) !important;
        background-position: 0px 0px !important;
}

.ui-datepicker-next span {
    background-image: url(http://legacy.australianetwork.com/img/icon_arrow_right_black.png) !important;
        background-position: 0px 0px !important;
}

Demo Fiddle