Question

我正在使用此library。例如，请参阅第一个DEMO（预选选项）。 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-hover 到：悬停。

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

悬停效果在多选中无法正常工作

2 个答案: