更改selectOneMenu样式表(Primefaces)

Question

我想改变selectOneMenu的背景颜色.当我尝试设置样式时,style="background-color:#f6f6f6"根本没有变化.

我尝试用a包装它div并为它添加一个定义到style.css但到目前为止没有任何变化.

Answer 1

该style物业相当无用<p:selectOneMenu>.通过右键单击View Source或Inspect Element 查看生成的HTML输出.它将应用于包装器div,而不是具体项目,更不用说列表了.要设置所选项目的样式,您需要.ui-selectonemenu-label通过styleClass属性选择菜单的子项.要设置列表样式,您需要选择.ui-selectonemenu-list面板的子项(下拉列表)via panelStyleClass属性.

所有这一切,这应该做:

<p:selectOneMenu styleClass="menu" panelStyleClass="panel">

同

.menu .ui-selectonemenu-label { 
    background: pink;
}
.panel .ui-selectonemenu-list { 
    background: pink;
}

确保在 PrimeFaces拥有样式后初始化/加载CSS .最好是将其声明在a .css中包含的文件<h:outputStylesheet>中<h:body>.

也可以看看:

• 如何使用自定义样式覆盖默认的PrimeFaces CSS？
• 如何从特定PrimeFaces删除边框p:panelGrid？