Skip to main content
Nintex Community Menu Bar
Answer

How to change Yes/No control color when it is clicked

  • October 4, 2021
  • 1 reply
  • 69 views

Hi,

I'm using O365 classic forms. I have five Yes/No controls in the form. I want to change background color of the check boxes to orange when they are  clicked. At the moment the background color changes to blue(default color) as below when it is clicked.

19977iFEBCA3459AD4775D.png

Can this be done using CSS, if so could someone guide me on how to do this as I'm not much familiar with CSS. 

 

Regards,

Kavirana

Best answer by nico

you can do something very easy with "formating rule" to change the background of your control, but this will change the background of all you control, not just the CheckBox.

 

For exemple : 

      

 

 

Else you can use pure CSS, but you will need to build your css....

Here some link that can help you : 

http://www.csscheckbox.com/

https://css-tricks.com/the-checkbox-hack/

https://dev.to/proticm/styling-html-checkboxes-is-super-easy-302o

https://www.html5canvastutorials.com/blog/2012/06/custom-form-radio-checkbox/

 

1 reply

nico
Forum|alt.badge.img+10
  • Rookie
  • Answer
  • October 26, 2021

you can do something very easy with "formating rule" to change the background of your control, but this will change the background of all you control, not just the CheckBox.

 

For exemple : 

      

 

 

Else you can use pure CSS, but you will need to build your css....

Here some link that can help you : 

http://www.csscheckbox.com/

https://css-tricks.com/the-checkbox-hack/

https://dev.to/proticm/styling-html-checkboxes-is-super-easy-302o

https://www.html5canvastutorials.com/blog/2012/06/custom-form-radio-checkbox/