是否可以用一種顏色填充某些f：selectitem項目的背景顏色，而其他顏色填充其他顏色的某些項目的背景顏色？

Question

我是一個新的成員的stackoverflow，但因爲這是我真的不能修復的第一個問題。

我知道這個問題可能不清楚，但這是我的問題。對於我們的後端應用程序，我們使用JSF。 現在有ap：selectOneMenu與selectItems自動填充（DatabaseServers），但我們已經添加了一個新的屬性（布爾滿），現在我的問題是，如果可以編輯完整數據庫的背景顏色爲紅色和綠色不完整的數據庫。

<p:outputLabel for="emrDatabaseServer" 
         value="#{msg['tenants.label.emrDatabase']}" /> 
        <p:selectOneMenu id="emrDatabaseServer" style="width:250px;" 
         value="#{tenantController.entity.emrDatabaseServer}" 
         effect="fade" required="true" 
         converter="#{databaseServerConverter}"> 
         <f:selectItem itemLabel="Select One" itemValue="" /> 
         <f:selectItems value="#{tenantController.emrDatabaseServers}" 
          var="emrDB" 
          itemLabel="#{emrDB.name} (#{emrDB.host}:#{emrDB.port}) (#{emrDB.nbDatabases} dbs)" 
          itemValue="#{emrDB}" /> 
         <p:ajax event="change" 
          listener="#{tenantController.onValueChange}" update="save" /> 
        </p:selectOneMenu> 

我試過無數的東西，但它似乎並沒有工作。

我還想提一下，我沒有選擇使用其他軟件包中的代碼等等。

Answer 1

select -element的樣式選項不可能以乾淨且跨瀏覽器兼容的方式進行，如here所述。

但是，如果您要使用一些符合您的造型要求的破解方法，那麼<f:selectItem>和<f:selectItem>分別沒有style或styleClass屬性。 <f:selectItems>。對於這個問題，你可以嘗試使用this anser（它使用標題屬性而不是樣式，但你有想法）所描述的傳遞屬性。

但總而言之，你要做的事情會導致一個大的黑客，應該避免。