Как редактировать CSS для JQuery DatePicker Предыдущая / Следующая кнопки?

Question

Используя указатель даты JQuery UI, в заголовке вы можете перейти к следующему или предыдущему месяцу с помощью стрелок влево / вправо. Мой вопрос: что такое свойство css для изменения цвета при наведении курсора на предыдущую или следующую стрелку?

Answer 1

ui-state-hover - это класс, который применяется при наведении, см. здесь

Answer 2

<script>
    $(".ui-datepicker-next, .ui-datepicker-prev").hover(function () {
        $(this).addClass("hover");
        },
    function () {
        $(this).removeClass("hover");
        });
</script>

и css для вашего класса 'hover'

.hover
{
    background-image:url('paper.gif');
}

Answer 3

Это немного сложнее, чем кажется.Как указал NimChipsky, он находится в режиме наведения состояния ui, но цвета не отображаются напрямую.

Если вы посмотрите на элемент ui-state-hover, то из коробки вы увидите нечто, похожее на:

background-image: url("images/ui-icons_222222_256x240.png");

По сути, это говорит о том, что вы будете использовать лист значков с цветом # 222222, но рисунок листа значков должен быть доступен.Вы можете создавать другие листы значков напрямую, с другими цветами, используя конструктор тем jQuery UI.