jQuery自动完成建议列表不会改变悬停时的背景颜色

jQuery autocomplete suggestions list doesn't change baclground color on hover

本文关键字：悬停 改变 颜色 背景 列表 jQuery      更新时间：2023-09-26

我使用jQuery autocomplete来提供建议列表，即使用户在文本框中键入一些内容。由于自动完成方法只提供了一个平淡的列表，我们从这里使用scss文件来样式化它的bootstrap方式。如果我是正确的，那么文件中的以下代码片段将hover的背景色设置为Twitter的蓝色:

&.ui-state-hover, &.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }

但是，当鼠标移到列表项上时，背景颜色仍然是白色。我该如何解决这个问题?

JSFiddle

可以直接使用li.ui-menu-item:hover{background-color:#ccc}来修改css见演示因为在我们的代码中<li>正在激活类'ui-state-hover'，这就是为什么它不工作

相关文章：