Change the border colours of choice buttons in a Nintex Form

[voicer]

Hi

I found the post on changing the background colours of a choice button when selected extremely useful and have successfully implemented the code.  When selected, the button now changes to blue.  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.  

Kind Regards

Renee

[voicer]

I found the post on changing the background colours of a choice button when selected extremely useful and have successfully implemented the code.  When selected, the button now changes to blue.  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.  

[Tarf · Accepted solution]

Hi @voicer,

I got this css to update the styles, maybe it can help. Please update the colors as this is just the result of me fiddling around

/* All Buttons */
.ui-button-text {
    border: 1px solid green;
    background: olive;
    color: white; 
}

/* Any button is hovered */
.ui-button-text:hover {
    background: blanchedalmond;
    border: 1px dashed black;
}

/* Active button */
.ui-state-active .ui-button-text {
    border: 1px solid green;
    background: aliceblue;
    color: black;
}

/* Active button hover */
.ui-state-active .ui-button-text:hover{
    background: pink;
}

[voicer]

Thank you. I will give it a try.