Browse button focus css selector

2 posts, 0 answers
  1. Nick
    Nick avatar
    23 posts
    Member since:
    Jan 2012

    Posted 25 Mar 2015 Link to this post

    Hi Telerik

    How can i change the color of browse button when clicked.

    Please advise.

  2. Dimitar
    Dimitar avatar
    359 posts

    Posted 27 Mar 2015 Link to this post


    You could change the sprite image for Classic render mode. It would apply a different color, when the Select button is focused.

    <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" RenderMode="Classic" />

    You could use the sprite image from this help article and the following CSS:

    html .RadUpload.RadAsyncUpload .ruButton.ruButtonFocus {
        background-image: url("asyncupload_sprite_image.png");

    Thus, initially the RadAsyncUpload is gray, then yellow when hovered and finally blue, when clicked and not hovered. You could customize the sprite and apply other colors, if you would like.


    See What's Next in App Development. Register for TelerikNEXT.

Back to Top