Jquery Datepicker prev,隐藏在悬停上的下一个图标
问题描述:
我使用jQuery日期选择器,在datepicker上有两个图标可用(next,previous),当我将鼠标悬停在这些图标上时,它们正在消失。Jquery Datepicker prev,隐藏在悬停上的下一个图标
我已经在悬停两类检查了标签获取添加
类 - 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
答
请检查这个:
$(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
最受欢迎... :) –
请提供工作代码。 –
什么版本的jQueryUI.js和jQueryUI.css?他们是一样的吗? – charlietfl
两个版本都是不同的css-1.8.18,js- 1.9.2 –