I need to change the CSS for rich select

Webix JS
1

Hello,
If you see the http://docs.webix.com/desktop__controls.html#richselect example given in this site, the selected item is represented in green, how I can change this color to white as we are working on one project where they do not want to show the selected item in different color.

2

Hello Raj,

You can redefine the CSS rule for webix_selected class applied to a Webix list item.

Also, to avoid chang it for all lists in the application, set any CSS class to the popup list:

view:"richselect",
options:{
    css:"custom",
    data:[ 
        {id:1, value:"One"}, ... //select options
    ]
  }

And the CSS looks like:

.custom .webix_list_item.webix_selected{
	background-color:#fff;
  	color:#666
}

http://webix.com/snippet/675e22d7

There’s a standard list in the sample to demonstrate that CSS of other Webix lists is preserved.