.webix_img_btn:hover not working

Webix JS
1

Hi,

I’ve been trying to change the hover over color of my buttons/icons/iconbuttons in my window, but the properties I’ve been trying don’t seem to be changing anything for icons. .webixtype_base:hover works for my htmlbuttons, but not my icon, and .webixtype_img_btn:hover doesn’t seem to work, although it looks as though it has the same background-color property in the codebase…

The “transparent button” part of this snippet should have a green background when hovered over:

http://webix.com/snippet/26ebb569

Thanks.

2

For future reference if anyone find this question: I did figure out a workaround for this. That was to make my button a type iconButton and use styling such as this:

.toolbar button, .toolbar button.webixtype_base:hover {
border: 0px;
box-shadow: none;
background: transparent;
}

to provide the intended effect (transparent, no border), rather than relying on the icon type to set the border to 0 and background to transparent.