How do i use CSS to change clicked button colors?

This should be possible via a custom css class that you have to apply to all desired controls. There's a a thread with a short explanation by Jan Eyres‌, hope this will help you:  

Just to clarify, are you asking how to change the color of the button "always" or only after it is clicked, or only while it is being clicked?

Hi ‌

Add a custom css class to your control

Then in form settings under custom css add the following:

.buttons .ui-button{
background-color: orange;     
background-image: none;
}‍‍‍‍‍‍‍‍‍‍‍‍

This will make all buttons orange

If you want to change the selected button colour, add these extra lines

.buttons .ui-state-active{ 
background-color: lightgreen;
background-image: none;
}‍‍‍‍‍‍‍‍‍‍‍‍

This will make the selected option lightgreen.

PLEASE play with the colours, i am a developer not a designer!!

Paul

Thanks for the suggestions I will try these out.   I am assuming there is no way to set this globally on the form and each control needs to reference the css function we add

Hi ‌

Yes you will need to add the class to each control

Hi Paul,

I have added the cstom CSS and it shows up fine on the designer, however when i preview or publish the form it does not pick up the changes. I would like to mention that there is custom JS running on the same control as well. not sure if that is making any difference. i have attached the screenshot of my control settings as well as form settings. 

Hey, came across this post and just wanted to give closure to others like myself looking for a happy ending solution.  Above is all good, just need to add !important to override other default css that applies to rest of form, so something like this for example:

Hi

I found this article extremely useful and have successfully implemented the code.  I still need, however, to change the border colours of the buttons (currently red) as well as the highlight colour when you position your mouse over the choice button (it has a background of a pinkish red with white highlight and black text).  I have tried different options but cannot get it to work.

I really appreciate your help.