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

Question

我正在使用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

现在我想在hover / mouseover

上从锚标记中删除上面提到的类

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

Answer 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>