Jquery Datepicker上一个，下一个图标隐藏在悬停上答案

【问题标题】：Jquery Datepicker prev, next icon hiding on hoverJquery Datepicker上一个，下一个图标隐藏在悬停上
【发布时间】：2017-11-18 06:37:02
【问题描述】：

我正在使用 jquery 日期选择器，当我将鼠标悬停在它们正在消失的那些图标上时，在 datepicker 顶部有两个图标可用（下一个、上一个）。

我已经检查了悬停在标签中添加的两个类

类 - ui-state-hover ui-datepicker-next-hover

可能是什么问题？

 <a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="Prev">
 <span class="ui-icon ui-icon-circle-triangle-w">Prev</span>
 </a>

悬停时，这两个类被添加到锚标记中

 ui-state-hover ui-datepicker-prev-hover

现在我想从悬停/鼠标悬停的锚标记中删除上述类

ui-datepicker-prev ui-corner-all ui-state-hover ui-datepicker-prev-hover

【问题讨论】：

请提供工作代码。
jQueryUI.js 和 jQueryUI.css 是什么版本的？它们是一样的吗？
两个版本不同 css-1.8.18, js- 1.9.2
@ankitapatel 我已经粘贴了 datepicker 的标头代码
但是这段代码没有帮助。请提供有效的 sn-p 代码。

标签： javascript jquery html css datepicker

【解决方案1】：

请检查：

$(function() {
  $( "#datepicker" ).datepicker();
});

#ui-datepicker-div .ui-widget-header {	
	background: #2D8CB9;	
}
.ui-state-default, .ui-widget-content .ui-state-default{
  background: transparent!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
  background: #fffa90!important;
}
.ui-datepicker-calendar th {
	color: #2D8CB9;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  color:#333!important;
}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

  
<p>Date: <input type="text" id="datepicker"></p>

【讨论】：

谢谢你，它工作正常..一些 CSS 造成了问题顺便说一句谢谢你的努力。