javascript - jQuery 自动完成建议列表不会在悬停时更改背景颜色

Question

我使用 jQuery autocomplete 来提供建议列表，即使用户在文本框中键入内容也是如此。由于自动完成方法仅提供一个乏味的列表，因此使用来自 here 的 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

Answer 1

你能直接用li.ui-menu-item:hover{background-color:#ccc}吗？你的 CSS 见 demo因为在你的代码中 <li>正在激活“ui-state-hover”类，这就是它不起作用的原因