How to change selected background color in MultiSelect Grid?

I have created the following MultiSelect Grid:

https://form.jotform.com/202424536245046

At present, it highlights grey when a cell is selected. I would like it to highight green when selected. Can someone help?

Best regards,

Tom

Hi Tom, 

Sure, this is possible. You'd need to add the follow CSS:

td.selected {

    background: green;

}

And then when selected they would appear like this:

In order to add the CSS click the 'Widget Settings' option on the side of the element:

And then click to the 'Custom CSS' tab:

Then, once entered, click 'update widget'. You can either enter 'green' for the colour, or you can enter a hex value. If you Google 'Hex Colour Picker' (here's a link) there's actually one at the top of the page, once you have your colour take the 'hex' value eg here it would be #eb4034:

Hope this helps!