CSS p：selectOneMenu

我想知道，如何更改p:selectOneMenu的background-color。CSS p：selectOneMenu

我已經試過這

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

.....

但後臺仍是白色的。

來源

2012-11-13 Fadhel Ghorbel

如果您在使用上述代碼在瀏覽器中呈現的問題中發佈HTML代碼，那會更好。 –

嘗試panelStyle屬性如下給出：

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

來源

2012-11-13 04:22:54

我累了，但它不工作 –

@Fadhel Ghorbel：你能告訴我什麼HTML輸出產生的上述代碼？ –

–

視覺外觀由周圍<div>和<label>定量。最簡單的方法是給「紅色」背景「一切」你p:selectOneMenu內：在你的<h:head>

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

同時：

.redSelect > * { 
    background: red; 
}

除了改變下拉菜單的背景下，覆蓋以下CSS類組合的背景屬性：

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

來源

2012-11-13 05:36:11

我有試過這一個，但問題是，我不能重寫primefaces CSS。當我添加屬性背景：紅色;直接進入Web瀏覽器.ui-selectonemenu.ui-selectonemenu-label { display：block; border：medium none; white-space：nowrap; 溢出：隱藏; font-weight：normal; 寬度：100％; float：left; background-color：red; }它的工作原理，但是當我把它放入頁面（.xhtml）時，它不起作用。 –

這不是正常的行爲。您是否在您的''標籤之間放置了「.ui-selectonemenu-items.ui-selectonemenu-list」規則？ –

@FadhelGhorbel你有任何可以影響列表的背景顏色的自定義CSS？你有沒有嘗試用上面的css規則和'p：selectOneMenu'創建一個空白頁面？ –

這裏是正確的答案：

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

來源

2012-11-15 16:59:34

CSS p：selectOneMenu

回答

相關問題