This is a migrated thread and some comments may be shown as answers.

Replace up/down arrows with plus/minus

2 Answers 343 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Richard
Top achievements
Rank 1
Veteran
Richard asked on 05 Jun 2017, 08:50 PM

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 Answers, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 08 Jun 2017, 09:21 AM
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.
0
Gaurav
Top achievements
Rank 1
answered on 21 May 2018, 04:47 PM

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.

 

Tags
NumericTextBox
Asked by
Richard
Top achievements
Rank 1
Veteran
Answers by
Peter Milchev
Telerik team
Gaurav
Top achievements
Rank 1
Share this question
or