Change the border colours of choice buttons in a Nintex Form

Forum|Forum|5 years ago
September 11, 2020
2 replies
23 views

+6

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.

T

+8

Tarf
Novice
Forum|Forum|5 years ago
September 14, 2020

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;
}

Like

V

+6

voicer
Author
Forum|Forum|5 years ago
October 15, 2020

Thank you. I will give it a try.

Like

Sign up

Log in with SSO

Login to the community

Log in with SSO