如何编辑jquery datepicker上一个/下一个按钮的css？

Question

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

Answer 1

它比它似乎有点困难。正如NimChipsky指出的那样，它处于用户状态悬停状态，但颜色不直接存在。

如果你看看UI状态悬停，开箱即用，你会看到的东西，看起来像：

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

基本上，这是告诉你，你将使用彩色图标片＃222222，但图标表图形必须可用。通过使用jQuery UI主题生成器，您可以使用其他颜色直接生成其他图标表单。

Answer 2

ui-state-hover是徘徊时应用类，见here

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'); 
}