Replace up/down arrows with plus/minus

3 posts, 0 answers
  1. Richard
    Richard avatar
    28 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.



  2. Peter Milchev
    Peter Milchev avatar
    692 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";

    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.
  3. Gaurav
    Gaurav avatar
    2 posts
    Member since:
    Sep 2013

    Posted 21 May 2018 Link to this post

    Dear Peter Milchev

    I tried injecting above CSS to my code but it did nothing. Up down arrow remains same.

    Is there a way atleast i can change color of up arrow to green and down arrow to red.

    Thanks in advance.


Back to Top