Jquery Datepicker prev、次のアイコンがホバリングに隠れている

Question

jquery date pickerを使用していますが、datepickerの上に、消えているアイコンにカーソルを合わせると2つのアイコン（次、前）が表示されます。

私はホバー二つのクラスにチェックして、タグに

クラスを追加取得 - UI-状態ホバーは

をUI-DatePickerの-次ホバー問題は何をすることができますか？これら2つのクラスをホバーで

<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の-前のUI上でアンカータグから上記のクラスを削除したいアンカータグで追加取得しています-corner-すべてUI-状態ホバー

Answer 1

はこれをチェックしてくださいUI-DatePickerの-前には、ホバー：

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

#ui-datepicker-div .ui-widget-header { \t 
 
\t background: #2D8CB9; \t 
 
} 
 
.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 { 
 
\t 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>