How do I change the colour of the bullet on an input table?

I need it to be set to #0FC0FC (light blue).

I have tried this code (I couldn't find this exact question answered so I used something similar from a different post) but it did nothing:

.form-product-item .p_checkbox .checked {

border: 1px solid #0FC0FC !important;

background-color: #0FC0FC !important;

}

.form-product-item .p_checkbox input[type="radio"]:checked ~ div.select_border {

border: 1px solid #0FC0FC !important;

}

Please let me know the correct CSS code. Thanks

Hi fairtrade_canada,

Thanks for reaching out to Jotform Support. You can inject the CSS code below into your form to change the color of the radio button in the Input Table.

/*Change the color of the radio button of Input Table - #14491431 */

.form-radio+label:after, .form-radio+span:after {

    background-color: #0FC0FC !important;

}

Let me walk you through it:

1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
2. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

That's it. Here's the result:

Give it a try and let us know if you need more help.

Thank you so much, it worked.

What is the code to change the checkbox colour?

Hi Loïc,

To update the background color of the multiple-choice checkbox, please apply the codes below:

/* change multiple choice checkbox bg color- 14491431*/

.form-checkbox+label:before, .form-checkbox+span:before {

background-color: red;

}

/* Ends here */

Here's how it would appear:

Reach out again if you need any help.