How to change the image on hover for a Kendo Button?

[Devna]

Hi,
I've added a kendo button which looks like this in HTML -
<a data-uid="a26bc1df-cc6a-402c-b5be-a983914ef703" class="q-btnHover k-button k-button-icon ng-scope" id="Refresh" data-overflow="auto" style="visibility: visible;"><img alt="icon" class="k-image" src="refresh.png"></a>

I want to change the image to refresh-hover.png on mouse hover on the button.

Please help.
Thanks and Regards
Devna

[Iliana Dyankova]

Hi Devna,

The following CSS rule should help to achieve the expected result: 

img.k-image:hover {
    content: url('/* ... */');
}

Regards,
Iliana Nikolova
Telerik

 

 

[Devna]

Hi Iliana,
Thank you so much! It did work but for me it worked without the quotes.

Regards
Devna