Как отобразить указатель при наведении на иконку

Question

Ниже у меня есть Jickery DatePicker и JQuery TimePicker (оба, как Трент Ричардсон, DatePicker и Timepicker)

 $(function() {
        $( "#datepicker" ).datepicker({minDate: 0, 
        dateFormat: "dd-mm-yy",
        showOn: "button",
        buttonImage: "Images/calendar.gif",
        buttonImageOnly: true});
    });



        $('#durationpicker').trenttimepicker({
            timeFormat:'hh mm ss',
            hourGrid: 4,
            minuteGrid: 10,
            secondGrid: 10,
            showOn: 'button',
            buttonImage: "Images/clock.gif",
            buttonImageOnly: true
            });

        });

Теперь пользователь получает доступ как к датчику, так и к датчику времени, щелкая по значку (значок календаря для указателя даты и значок часов для указателя времени ('#durationpicker'). В чем мой вопрос: как я могу получить его, чтобы указатель курсор появляется, когда пользователь наводит курсор на две иконки?

Ниже приведен HTML-код:

<p><strong>3: Duration:</strong> <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" />

<p><strong>4: Date:</strong> <input type="text" id="datepicker" name="dateChosen" readonly="readonly" />

Answer 1

.ui-datepicker-trigger{cursor:pointer}

Answer 2

           $( ".ui-datepicker-trigger" ).css('cursor','pointer');   

Это работает для меня способом jQuery, вы можете включить его в свой скрипт, и это не должно вызывать у вас никаких проблем.Я сам использую его для проекта с jQuery ThemeSwitcher и jQuery UI Themes.

Это дикая догадка, но она должна привести вас туда, где вам нужно:)

Answer 3

Если я понимаю ваш вопрос, вам нужно добавить следующий CSS-код для обеих иконок

#durationpicker, #datepicker {
cursor: pointer;
}