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}来查看demo 因为在你的代码中，<li>正在激活类'ui-state-hover'，这就是它无法正常工作的原因

jQuery自动填充建议列表不会在悬停时更改背景颜色

1 个答案: