2017-11-18 306 views
0

我使用jQuery日期选择器,在datepicker上有两个图标可用(next,previous),当我将鼠标悬停在这些图标上时,它们正在消失。Jquery Datepicker prev,隐藏在悬停上的下一个图标

enter image description here

我已经在悬停两类检查了标签获取添加

类 - UI状态悬停UI的日期选择器,下徘徊

可问题是什么呢?

<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的日期选择器,上一个UI自锚标记上面提到的类-corner-all ui-state-hover ui-datepicker-prev-hover

+1

请提供工作代码。 –

+0

什么版本的jQueryUI.js和jQueryUI.css?他们是一样的吗? – charlietfl

+0

两个版本都是不同的css-1.8.18,js- 1.9.2 –

回答

1

请检查这个:

$(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>

+0

谢谢,它工作正常..有些CSS创建问题顺便说一句,谢谢你的努力。 –

+0

最受欢迎... :) –