# CSS of NPS type survey to reverse the scale from 10 to 0 or 10 to 1

**URL:** <https://community.surveysparrow.com/t/css-of-nps-type-survey-to-reverse-the-scale-from-10-to-0-or-10-to-1/3320>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [April 24, 2023, 8:29am UTC](https://community.surveysparrow.com/t/css-of-nps-type-survey-to-reverse-the-scale-from-10-to-0-or-10-to-1/3320 "2023-04-24T08:29:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Venkata\_Abhijith](https://avatars.discourse-cdn.com/v4/letter/v/cab0a1/32.png) [@Venkata\_Abhijith](https://community.surveysparrow.com/u/Venkata_Abhijith)\
**Post date:** [April 24, 2023, 8:29am UTC](https://community.surveysparrow.com/t/css-of-nps-type-survey-to-reverse-the-scale-from-10-to-0-or-10-to-1/3320/1 "2023-04-24T08:29:00Z")

</div>

CSS of NPS type survey to reverse the scale from 10 to 0 or 10 to 1:

.ss\_rating\_input--classic.ss\_rating\_input--nps{  
flex-direction: row-reverse;  
}

.ss-answer-option--rating:nth-of-type(1){  
border-radius: 0px 10px 10px 0px;  
border-right-width: 1px;  
}

.ss-answer-option--rating:last-of-type{  
border-radius: 10px 0px 0px 10px;  
border-right-width: 0px;  
}

 ![Screenshot 2023-04-24 at 1.57.51 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/970fb3f8b42b0d620a16a13367170ecf71f5bf46.png)

 ![Screenshot 2023-04-24 at 1.57.44 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/626fdbe358b1130bcfb2bf09c43f84c9142c1330.png)