需要更改悬停时jquery datepicker中月份下拉列表的背景色
我正在使用jQueryUIDatePicker。我需要将鼠标悬停时下拉项的背景颜色从蓝色更改为灰色。 下面是我的代码需要更改悬停时jquery datepicker中月份下拉列表的背景色,jquery,jquery-ui-datepicker,Jquery,Jquery Ui Datepicker,我正在使用jQueryUIDatePicker。我需要将鼠标悬停时下拉项的背景颜色从蓝色更改为灰色。 下面是我的代码 <head><meta charset="utf-8"> <title>jQuery UI Datepicker - Display month & year menus</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4
<head><meta charset="utf-8"> <title>jQuery UI Datepicker - Display month & 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>
jQuery UI日期选择器-显示月份&;年度菜单
$(函数(){
$(“#日期选择器”)。日期选择器({
变化月:对,
变化年:对
});
});
日期:
但是,这也适用于页面上的任何其他
选项
共享小提琴,如果您有,您尝试了什么?我们谁也帮不了你,除非我有什么事要做,特别是一个朋友。解释这一点的一个很好的方法是包括到目前为止您编写的代码、示例输入(如果有)、预期输出和实际获得的输出(控制台输出、回溯等)。你提供的细节越多,你可能得到的答案就越多。另外,请查看和。哦,并澄清:1)请在此处发布适用的代码,2)如果没有适用的HTML/CSS/JS+jQuery代码,我们也无法提供任何帮助。我现在已经添加了我的代码。请检查它并为我的问题提出解决方案我已经尝试过了,但它不起作用:(我已经添加了我的代码,请再次检查,环顾四周,没有“容易的”使用jQuery或CSS实现这一点的方法。由于浏览器默认为悬停元素的背景,而不是插件。我能找到的最佳选择是使用另一个名为“select2”的jQuery插件(这可以与datepicker一起使用,但也可以用于与datepicker完全相同的功能,具有更简单的样式)
$("option").on({
mouseenter: function() {
$(this).css("background-color", "grey");
},
mouseleave: function() {
$(this).css("background-color", "blue");
}
});