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;
}
我知道 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;
}