Primefaces自定義主題 - selectone菜單觸發

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