[seam-issues] [JBoss JIRA] Closed: (JBSEAM-4444) rich:comboBox have no dropdown arrow image when the project is generate by seam-gen

rich:comboBox have no dropdown arrow image when the project is generate by seam-gen ----------------------------------------------------------------------------------- Key: JBSEAM-4444 URL: https://jira.jboss.org/browse/JBSEAM-4444 Project: Seam Issue Type: Patch Components: Tools Affects Versions: 2.2.0.GA Reporter: Lionel Meroni Assignee: Marek Novotny Priority: Minor Fix For: 2.2.1.CR2 Attachments: combobox.png seam-gen generate a stylesheet in theme.xcss file which is not compatible with the richfaces component rich:comboBox. This CSS override the default CSS of the selected skin and make the combobox dopdown arrow not visible. This is because the dropdown arrow is a HTML input text element for the rich:combobox and the CSS is redefine for all input tex by theme.xcss by this : <u:selector name="input[type=text], input[type=password], textarea, select" > <u:style name="background-color" skin="controlBackgroundColor"/> <u:style name="color" skin="controlTextColor"/> <u:style name="background-position" value="left top"/> <u:style name="background-repeat" value="repeat-x"/> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.SliderFieldGradient"/> </u:style> <u:style name="border" value="1px solid"/> <u:style name="border-color" skin="tableBorderColor" /> </u:selector> So to avoid the redefinition of the CSS for the rich:combobox,I juste change this to : <u:selector name="input[type=text]:not([class*=rich-combobox-button]), input[type=password], textarea, select" > <u:style name="background-color" skin="controlBackgroundColor"/> <u:style name="color" skin="controlTextColor"/> <u:style name="background-position" value="left top"/> <u:style name="background-repeat" value="repeat-x"/> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.SliderFieldGradient"/> </u:style> <u:style name="border" value="1px solid"/> <u:style name="border-color" skin="tableBorderColor" /> </u:selector> Notice that the CSS :not() selector don't work with IE, but work well with other browser like firefox.