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

3 posts, 0 answers
  1. Devna
    Devna avatar
    11 posts
    Member since:
    Sep 2014

    Posted 03 Feb 2015 Link to this post

    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
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 05 Feb 2015 Link to this post

    Hi Devna,

    The following CSS rule should help to achieve the expected result: 
    img.k-image:hover {
        content: url('/* ... */');
    }

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Devna
    Devna avatar
    11 posts
    Member since:
    Sep 2014

    Posted 05 Feb 2015 in reply to Iliana Nikolova Link to this post

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

    Regards
    Devna
Back to Top