如何为 jquery datepicker prev/next 按钮编辑 css？

【问题标题】：How to edit css for jquery datepicker prev/next buttons?如何为 jquery datepicker prev/next 按钮编辑 css？
【发布时间】：2011-12-14 17:17:17
【问题描述】：

使用 JQuery UI 日期选择器，在标题中，您可以选择使用左/右箭头转到下个月或上个月。我的问题是当悬停在上一个或下一个箭头上时更改颜色的 css 属性是什么？

【问题讨论】：

标签： css jquery-ui datepicker

【解决方案1】：

ui-state-hover是悬停时应用的类，见here

【讨论】：

【解决方案2】：

这比看起来要难一些。正如 NimChipsky 指出的那样，它处于 ui-state-hover 中，但颜色并不直接存在。

如果您查看 ui-state-hover，开箱即用，您会看到如下内容：

background-image: url("images/ui-icons_222222_256x240.png");

基本上，这告诉您将使用颜色为#222222 的图标表，但图标表图形必须可用。您可以使用 jQuery UI 主题生成器直接生成其他颜色的图标表。

【讨论】：

【解决方案3】：

<script>
    $(".ui-datepicker-next, .ui-datepicker-prev").hover(function () {
        $(this).addClass("hover");
        },
    function () {
        $(this).removeClass("hover");
        });
</script>

你的班级'hover'的css

.hover
{
    background-image:url('paper.gif');
}

【讨论】：