p:selectCheckboxMenu 当鼠标悬停在项目上时突出显示列表项目

p:selectCheckboxMenu highlight list item when mouse is over an item

我知道 p:selectCheckboxMenu 有它的所有风格 class,但我想改变一些东西。 我希望当我打开菜单并将鼠标移到某个项目上时,它将以蓝色突出显示。我希望它仅在鼠标悬停在该项目上时突出显示。

我认为我需要覆盖的 css class 是:.ui-selectcheckboxmenu-item 这意味着

Each options in the collection.

(来自 primefaces 5.0 文档)

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

你可以使用:hover伪selector。 如果 .ui-selectcheckboxmenu-item select 要突出显示的元素,则使用此代码应该有效:

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