rendering rich:pickList remove & removeAll controls

[cmathrusse]

RichFaces 3.3.1 GA.

I have a rich:pickList on my page and I do not want to render the Remove and RemoveAll controls. It is defined as follows:

<rich:tab id="countryTab" label="#{msgs.orgCountries}" disabled="#{!organization.disableUserSave}">
 <rich:pickList id="countryPickList"
 value="#{organization.assignedCountries}"
 converter="countryConverter"
 listsHeight="400px"
 sourceListWidth="350px"
 targetListWidth="350px"
 copyAllControlLabel="#{msgs.assignAll}"
 copyControlLabel="#{msgs.assign}"
 >

I've added to the top of the page the following:

<style>
 .rich-picklist-control-remove{display: none }
 .rich-picklist-control-removeall{display: none}
 .rich-picklist-control-disabled{display: none}
 !important: { display: none !important;}
 </style>

But the controls are still rendered. I don't even mind if they are rendered but I simply do not want them enabled. Is there any way of disabling them or not rendering them?

Thanks for the help...

[ilya_shaikovsky]

removeVisible and removeAllVisible attributes should be used instead of CSS. check tld doc for the component.