css - Primefaces 自定义主题 - selectone 菜单触发

Question

我正在尝试为 Primefaces 6.1 创建自定义主题 css，在选择一个菜单触发器上我试图在悬停和聚焦时更改触发器的底色。这是我试过的

.ui-selectonemenu .ui-selectonemenu-trigger
{
    background-color: blue;
}

.ui-selectonemenu .ui-selectonemenu-trigger:hover
{
    background-color: orange;
}

现在这适用于悬停，但一旦光标不再悬停在其上，显然会发生变化。现在我知道 .ui-state-hover、.ui-state-focused 等。但是执行以下操作没有效果

.ui-selectonemenu .ui-selectonemenu-trigger
{
    background-color: blue;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger .ui-state-focused
{
    background-color: orange;
}

有什么想法吗？

Answer 1

好的找到了方法，我们需要指定容器，状态，然后是具体的组件类，所以正确的方法是

.ui-widget-container .ui-state-hover .ui-selectonemenutrigger,
.ui-widget-container .ui-state-focus .ui-selectonemenutrigger
{
    background-color: orange;
}