css - Primefaces: CheckBoxMenu with different colors -

i want show selectitems in <p:selectcheckboxmenu> different color or background, how can this? know this? thanks.

<p:selectcheckboxmenu id="testresultfilter"  value="#{testrunbean.selectedfilterresult}" filter="true" label="execution status" immediate="true"  valuechangelistener="#{testrunbean.handleresultchange}" style="vertical-align:middle;"  panelstyle="width:220px;" onchange="executestatusonchange();">               <f:selectitems value="#{testrunbean.validresults}" />                                  </p:selectcheckboxmenu > 

yes, little of css.

css

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item:nth-child(3) {   color: aqua;   background: #ff00ff; }  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item:nth-child(2) {   color: blue;   background: #ffff00; }  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item:nth-child(1) {   color: green;   background: #ff0000; }