Need to create a color matrix using checkboxes ...

[pakbull6772540]

Just an input I found:
The jQuery Mobile framework uses a swatch called "active" (bright blue in the default theme) to consistently indicate the selected state, regardless of the individual swatch of the given widget. We apply this in navigation and form controls whenever there is a need to indicate what is currently selected. Because this theme swatch is designed for clear, consistent user feedback, it cannot be overridden via the markup; it is set once in the theme and applied by the framework whenever a selected or active state is needed. The styling for this state is in the theme stylesheet under the ui-btn-active style rules.

[Kateryna Grynko]

Hi,

You can create custom CSS with the following code:
pre.ui-radio-on {
background-color:#FFFFFF!important
}/pre
Active element has a class ".ui-radio-on" and we set for it background-color with mark "!important" that takes precedence over other CSS rules.

[pakbull6772540]

Excellent. This is now working exactly the way it needs to.

I have a heat map as shown above with color codes and now the selector turns the radio box white.

Thank you for your help.