Question

我创建了一个搜索框，它使用jQuery UI自动完成功能来显示潜在的搜索匹配。我注意到下拉列表中的a移动并在悬停时将UI菜单缩小几个像素。有没有办法防止这种情况，菜单链接上出现的唯一样式是我添加的颜色变化：

.ui-menu .ui-menu-item a:hover{
  background:none;
  color:#FF0000;
  font-size:10px;
}

到目前为止，这是我进步的一小部分https://jsfiddle.net/shaneswebdevelopment/zcvxy2z6/1/

Answer 1

因此，当您将鼠标悬停在下拉列表中的某个项目上时，jQuery ui会在您的元素上添加loaded_json = json.load(resource_stream(__name__, 'path/to/foo.json')) >> TypeError: the JSON object must be str, not 'bytes'类，该类具有以下css属性：

ui-state-focus

您看到字符跳转的原因是.ui-state-focus { font-weight: normal; margin: -1px; }。如果你用其他东西覆盖那个css类，你可以消除跳跃文本。

所以为了解决问题，你可以这样做：

margin: -1px;

注意我已经添加了其他CSS选择器，以便获得一定程度的特异性来覆盖jQuery UI的样式。这是一个更新的jsFiddle：https://jsfiddle.net/zcvxy2z6/16/

删除默认的ui超链接行为

1 个答案: