ZK - Open Source Ajax Java Framework

We have a listbox and need to customize the list items foreground color as mentioned below:

The default listitem font color should be light grey and selected listitem font color should be white.

We have tried the "Selected Color" option with white color on (Grid Content -> Background tab). It works fine.

But, when we set "Font Color" option with grey on (Grid Content -> Font), thereafter the "Selected Color" doesn't seems to work.

We have been using ZK 5.0.1 package with Studio Designer 0.9.6 version.

Is there any work around to this?

Thank you.

What's the generated css?

You may try to customize the css manually. Please refer to
http://docs.zkoss.org/wiki/Style_Customization

Thank you PeterKuo.

The following is the css generated by Studio plugin 0.9.6 version:

<style>
	div.z-listbox.testlistbox tr.z-list-item-seld
, div.z-listbox.testlistbox tr.z-listitem-seld{
	color : #80FF00; 
}
	div.z-listbox.testlistbox .z-list-item div.z-list-cell-cnt
, div.z-listbox.testlistbox .z-listitem div.z-listcell-cnt{
	color : #FF0000; 
}
</style>

I will try to customize the css manually as you said.

Thank you.