jQuery Ui Datepicker更改图标 [英] Jquery Ui Datepicker change icons

问题描述

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

Is there a way I can change the "Prev" and "Next" month icon of the Jquery Ui Datepicker, I know the icon is defined by the class. It look like the theme roller don't give this option.

推荐答案

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

You can override the arrow styles and set them to your custom image; remember to set !important to your custom rules in order to override the jQueryUI defaults.

像(在Google上找到的图片):

Like (images found on google):

.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;
}

演示小提琴

这篇关于jQuery Ui Datepicker更改图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！