CSS p:selectOneMenu

Question

我想知道，如何更改p:selectOneMenu 的background-color。

我试过了

 <p:selectOneMenu value="Select One"  style="background-color:red"  >  
            <f:selectItem itemLabel="Select One" itemValue="" /> 

.....

但背景仍然是白色的。

Answer 1

尝试panelStyle 属性，如下所示：

<p:selectOneMenu value="Select One"  panelStyle="background-color:red"  >  
        <f:selectItem itemLabel="Select One" itemValue="" /> 

Answer 2

视觉外观由周围的<div> 和<label> 决定。最简单的方法是为p:selectOneMenu 中的“所有内容”添加“红色”背景：

<p:selectOneMenu value="Select One"  styleClass="redSelect">

在你的<h:head>:

.redSelect > * {
    background: red;
}

除了改变下拉菜单的背景外，覆盖以下CSS类组合的背景属性：

.ui-selectonemenu-items.ui-selectonemenu-list {
    background: red !important;
}

Answer 3

这是正确的答案：

.ui-selectonemenu input.ui-selectonemenu-label{ background: red; }