How can I change the size of rich:select item individually (not the drop down box, the upper field where the selected item is displayed)?
Imagine the following situation:
<rich:select value="#{someBean.sel1}">
<f:selectItems value="#{someBean.sels1}" />
</rich:select>
<rich:select value="#{someBean.sel2}">
<f:selectItems value="#{someBean.sels2}" />
</rich:select>
I know that I can change the size with e.g.
<style type="text/css">
.rf-sel-inp {
width: 300px !important;
}
</style>
But this changes the size of both rich:select items to the same size, my goal would be, that they both have different sizes (e.g. the upper 200px und the lower 100px).
Thanks for any help,
Georg