p：当鼠标悬停在某个项目上时，selectCheckboxMenu突出显示列表项

Question

我知道p：selectCheckboxMenu有它的所有样式类，但我想改变一些东西。 我希望当我打开菜单并用鼠标移动项目时，它将以蓝色突出显示。我希望只有当鼠标悬停在该项目上时才会突出显示它。

我认为我需要覆盖的css类是：.ui-selectcheckboxmenu-item，这意味着

  

集合中的每个选项。

（来自primefaces 5.0文档）

我是css的新手....有什么建议吗？

Answer 1

您可以使用:hover伪选择器。 如果.ui-selectcheckboxmenu-item选择了要突出显示的元素，那么使用此代码应该有效：

.ui-selectcheckboxmenu-item:hover{
  background-color: blue;
}