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：

#phase { cursor: pointer }

或者你可以使用其中一种：

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

Answer 2

您可以使用CSS

执行此操作

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

Answer 3

安德鲁沃尔特斯的回答对我不起作用。

这是我必须要做的才能使它适用于我的特定自动完成实例。

.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链上方可能指定的其他内容，则应使用 cursor：pointer 而不是

关于'手'价值的评论是因为我被困了好几天，所以我想在这里评论它可能会拯救某人的痛苦

光标更改自动完成列表项

3 个答案: