kavirana
Apprentice

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

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.

kavirana_0-1633327482254.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

Labels: (1)
0 Kudos
Reply
1 Reply
nico
Explorer

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

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 : 

nico_0-1635270884600.png   nico_1-1635270898563.png   nico_2-1635270946996.png

 

 

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/

 

0 Kudos
Reply