6 Replies Latest reply: Dec 9, 2011 4:47 AM by Venkataramana Reddy RSS

h:selectOneMenu style

Leonid Sokolin Newbie

I need to change background color and button color for  h:selectOneMenu component. Could anybody tell me how to do it?


Somehow, I couldn't find style attributes for this component online.

  • 1. Re: h:selectOneMenu style
    Stan Silvert Master

    I've never tried it myself, but I think the selectOneMenu attributes you are looking for are enabledClass and disabledClass.  These tell which CSS class to use when the menu is enabled and disabled.



  • 2. Re: h:selectOneMenu style
    JSF Developer Newbie



    I have given a background color to the h:selectOneMenu by using the below code:


                             <h:selectOneMenu value="#{LoginAction.locale}" styleClass="alignLeft;" valueChangeListener="#{LoginAction.changeLanguage}"                               immediate="true" style="background-color:yellow;">
                                     <a4j:support event="onchange" reRender="loginForm" limitToList="true" immediate="true"/>
                                     <f:selectItem itemValue="en" itemLabel="English" />
                                     <f:selectItem itemValue="es" itemLabel="Español" />


    I have a requirement for changing the background of the value  in h:SelectOneMenu when the mouse is over the value.I mean the value  which the mouse points to should be highLighted i.e if have 10 values in  the drop down when my mouse is on the second value in dropdown the  value should be highlighted in yellow whereas the others should not be  highlighted.
    I tried using onmouseover attribute but it jut mess up  my logic when mouse is over the dropdown all values are highLighted.



    Thanks and Regards,


  • 3. Re: h:selectOneMenu style
    Leonid Sokolin Newbie

    I see how to change background color, but how to change the color of a button with down arrow?

  • 4. Re: h:selectOneMenu style
    yaseralhs Newbie

    how to change the color of a button with down arrow?

  • 5. Re: h:selectOneMenu style
    yaseralhs Newbie


  • 6. Re: h:selectOneMenu style
    Venkataramana Reddy Newbie

    Do any one found the solution to change the down arrow with different color?