Hello
I am using button as below :{view: ‘button’, id: ‘move_button’, type: “icon”, icon: "fa-solid fa-right-to-bracket ", label: “Move”, width: 160},
I want to change the color of font awesome icon on button hover. How can I do this?
I found the way…
Thank u
Hello, @ Milly. That’s great your problem was solved. I suggest to take a look at general recommendation to assume everything works fine:
- Give a unique classname to your button
css: 'move_btn'
- Build a selector with right parent-child inheritance. Give a hover to parent and add color-change style to the child:
.move_btn button:hover .webix_icon_btn {
color: red
}
Check out the snippet with solution.
1 Like