css - CSS p:selectOneMenu

Question

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

我试过这个

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

......

但是背景仍然是白色的。

Answer 1

这是正确的答案：

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

Answer 2

视觉外观由周围环境<div>和 a决定<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

尝试panelStyle如下给出的属性：

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