悬停效应在多重选择上不能正常工作

Question

我正在使用这个图书馆。有关示例，请参见第一个演示(预选选项)。hover效果在选择的端不能正常工作。(有时li标签会改变颜色，但有时不会)

能请熟悉这个问题的人帮忙解决这个问题吗？

Answer 1

我做了下面的事情来解决这个问题。我不知道这是不是好的。但成功了。

在CSS文件中，我删除了下面的代码。

/*.ms-container .ms-selectable li.ms-hover,
  .ms-container .ms-selection li.ms-hover{
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        background-color: #08c;
}*/

并添加了一段新代码，仅用于li标记。

li:hover{
cursor: pointer !important;
color: #fff !important;
text-decoration: none !important;
background-color: #08c !important;
}

Answer 2

您正在使用Javascript应用样式(鼠标悬停时更改类)。为什么不直接使用CSS？只需进行一次更改:选择器..ms将鼠标悬停到:悬浮。

.ms-container .ms-selectable li:hover,
.ms-container .ms-selection li:hover{
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        background-color: #08c;
}