Set color and font-weight in sidebar for selected and mouse over item

Webix JS
1

Hi,

I’m trying to set the color and font-weight in sidebar for selected and mouse over item. I have tried the following, but it does not work. Is this possible?

.sidebar>.webix_tree_item.webix_selected {
background: #24394F !important;
color: #E8E8E8 !important;
font-weight: bold !important;
}

Thanks,
-S

2

Hi,

I forgot to mention what I want to do. I want that when the mouse is over an item, the text turns bold and when an item is selected, the text stays bold.

Thanks,
-S

3

Hello @sigipa,

I have tried the following, but it does not work

Actually, from what I can see, the provided styles do work for the most part, the only style that isn’t being applied is the text color. It looks like in the case of selection you have to apply the color directly to the <span> containing the text.

Here is how it looks like: Code Snippet.

I would also like to note that you don’t have to use !important to override the default styles in some cases (i.e. in this example you can change the background color and font-weight without applying !important).