Replace up/down arrows with plus/minus

2 posts, 0 answers
  1. Richard
    Richard avatar
    19 posts
    Member since:
    Sep 2011

    Posted 05 Jun 2017 Link to this post

    Was playing with CSS and other items but wouldn't seem to find a way to pull this off.  I was wondering, is it possible change the the up/down arrow in the Spin Buttons to a + and - sign.  Just curious if there is an easy way to pull this off.

    Thanks,

    Richard

  2. Peter Milchev
    Admin
    Peter Milchev avatar
    304 posts

    Posted 08 Jun 2017 Link to this post

    Hello Richard,

    You can change the content of the :before pseudo element as follows: 

    html .RadInput .riUp:before {
        content: "\e11e";
    }
     
    html .RadInput .riDown:before {
        content: "\e121";
    }

    Regards,
    Peter Milchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top