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类组合的background属性：

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

Answer 3

这是正确答案：

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