需要在悬停时更改jquery datepicker中月份下拉的背景颜色

时间:2016-06-24 10:47:53

标签: jquery jquery-ui-datepicker

drop down 我正在使用jquery-ui datepicker。我需要在悬停时将下拉项目的背景颜色从蓝色更改为灰色。 my code以下是我的代码

    <head><meta charset="utf-8"> <title>jQuery UI Datepicker - Display month &amp; year menus</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true
    });
  });
  </script>
</head>
<body> 
<p>Date: <input type="text" id="datepicker"></p>
</body>

1 个答案:

答案 0 :(得分:0)

$("option").on({
    mouseenter: function() {
        $(this).css("background-color", "grey");
    },
    mouseleave: function() {
        $(this).css("background-color", "blue");    
    }
});

但是,这也适用于您在页面上的任何其他option