Question

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

.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;
}

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

1 个答案: