Перемещает курсор на элементы списка автозаполнения

Question

Я использую функцию автозаполнения jquery-ui в поле ввода. Я понимаю, что автозаполнение создает список элементов, имеющих тег <a>. Однако, когда курсор наводится на элемент списка, он становится селектором текста (вертикальная полоса). Есть ли способ сделать курсор неизменным?

var phases=["Requirements gathering","Design","Development","Testing","Maintenance"] 
$("#phase").autocomplete({source:phases,messages: {noResults: '',results: function(){}},autoFocus:true}) 

Answer 1

Вы можете сделать это с помощью CSS

.ui-menu .ui-menu-item a { 
    cursor: pointer; 
} 

Answer 2

Для CSS:

#phase { cursor: pointer }

Или вы можете использовать один из них:

http://www.w3schools.com/cssref/pr_class_cursor.asp

Answer 3

Ответ Эндрю Уолтерса не сработал для меня.

Это то, что я должен был сделать, чтобы он работал для моего конкретного экземпляра Autocomplete.

.ui-menu .ui-menu-item:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
    cursor: default; //'Hand' is not a valid value here !!! 
} 

Если вы хотите внести изменения курсора на что-то еще, возможно, указанных выше CSS цепи, вы должны использовать курсор: указатель вместо

Это комментарий о стоимости «рука», потому что я получил застрял в течение нескольких дней с этим, поэтому я решил, что комментировать его здесь может сэкономить кому-то боль.