Before the lablel for each of the menu item, there is space with the some color, i want to remove the color

I am using richfaces dropDownMenu component which contains a set of rich menuItems. When the menu items are displayed, a extra space is displayed before the lablel for each of the menu item. But I have a requirement of n开发者_如何学Cot displaying the space before the labels and to change the color.

I used the css to reduce the space:

.rich-menu-item-icon img {

width: 0px;

}

.rich-menu-group-icon img {

width: 0px;

}

but, i need to change the color in that place.

You could use the itemClass property and assign whatever css class you like to it. You can explore more options here: http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?tab=info&cid=14944374