cssp:selectOneMenu

我想知道，如何更改背景颜色

我试过这个

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

---

但是背景仍然是白色。

请尝试

panelStyle

属性，如下所示：

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

---

视觉外观由周围的

和

决定。最简单的方法是给你的

p:selectOneMenu

中的“一切”加上“红色”背景：

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

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

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

---

以下是正确答案：

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

---

@Fadhel Ghorbel：你能告诉我上面的代码生成了什么HTML输出吗？选择一个选项1选项2如果你在你的问题中发布HTML代码，并使用上面的代码在浏览器中呈现会更好。我已经尝试过这一个，但问题是，我无法覆盖primefaces CSS。当我添加属性背景时：红色；直接进入Web浏览器的.ui-selectonemenu.ui-selectonemenu-label下{显示：块；边框：中无；空白：nowrap；溢出：隐藏；字体大小：正常；宽度：100%；浮动：左；背景色：红色；}它可以工作，但当我将它放入页面（.xhtml）时，它不起作用。这不是正常行为。您是否已将规则

.ui-selectonemenu项。ui-selectonemenu list

放置在您的

标记之间？@FadhelGhorbel您是否有任何可能影响列表背景颜色的自定义css？您是否尝试使用上述css规则和

p:selec创建空页面托尼努

？

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