SelectOneMenu style in PrimeFaces

Question

I tried to make adjustments to the font size and setting I selectOneMenu, but I came to it in peace, however, after updating PrimeFaces from 3.2 to 3.4.2, selectOneMenu has a prefix to it, which is very annoying.

PrimeFaces 3.2 selectOneMenu

PrimeFaces 3.4.2 selectOneMenu

code

<p:selectOneMenu id="Category" value="#{databaseSearch.category}" style=" font-size: 35px; height: 20px; width: 80px;"> <f:selectItem itemLabel="Machine" itemValue="Machine"/> <f:selectItem itemLabel="Company" itemValue="Company"/> <f:selectItem itemLabel="Contact" itemValue="Contact"/> <f:selectItem itemLabel="Phone" itemValue="Phone"/> <f:selectItem itemLabel="Email" itemValue="Email"/> </p:selectOneMenu> 

What should I do?: (

Answer 1

You need to override this css .ui-selectonemenu.ui-selectonemenu-label