Setting background-color of the outline button when hovering

[Kristof]

Hi,

We have a kendoButton with look "outline":
https://www.telerik.com/kendo-angular-ui/components/buttons/button/styling/#toc-outline-button

We created a custom theme with the Progress Sass Theme Builder:
Progress Sass Theme Builder (telerik.com)

When we hover over the outline-kendoButton, the background-color is black, just like in the sample on the website
https://www.telerik.com/kendo-angular-ui/components/buttons/button/styling/#toc-outline-button

 

What is the most appropriate way to change the hover-color of this button?

Can we modify that color in our theme?

 

thx !

[Hetali]

Hi Kristof,

In order to change the background color of the Kendo UI Outline Button on hover, please use the following CSS:

.k-button.k-outline:hover {
  background: pink;
}

In this StackBlitz example, I have changed the hover background color of the Outline Button.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik