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>とによって決定され<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

panelStyle以下のように属性を試してください：

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