Button Radios Widget: How to change background color of buttons with CSS?

  • TheRealReal
    Asked on March 3, 2020 at 2:01 PM

    I have another CSS related question, about the same type of widget, but on this form. 

    https://www.jotform.com/build/200604275779157

     

    How would I make one button option one color and the other a different color? I.e. one button red, and one green, to achieve this look?

    answers Screenshot 10

  • Mike
    Replied on March 3, 2020 at 6:52 PM

    You may use the next CSS to affect the buttons of the Button Radios widget:

    /* First Button Background*/
    label[for=r0] {
    background: red !important;
    }

    /* First Button Font Color*/
    label[for=r0] span {
    color: white !important;
    }

    /* Second Button Font Color*/
    label[for=r1] span {
    color: #5dd548 !important;
    }