如何编辑jssery datepicker prev / next按钮的css？

Question

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

Answer 1

ui-state-hover是悬停时应用的类，请参阅here

Answer 2

它比看起来有点难。正如NimChipsky指出的那样，它处于ui-state-hover状态，但颜色不是直接存在的。

如果你看看ui-state-hover，开箱即用，你会看到一些看起来像：

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

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

Answer 3

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

和css为你的班级'悬停'

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