Solved

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

  • 4 October 2021
  • 1 reply
  • 20 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

icon

Best answer by nico 26 October 2021, 19:58

View original

1 reply

Userlevel 4
Badge +10

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/


 

Reply