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

任意のアイデアを持っていないなど、.ui-state-focused.ui-state-hoverを知っていますか？します。https：//developer.mozilla

Answer 1

[OK]をアプローチを発見し、我々は正しい方法は、CSSの特異性について学ぶ

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