For background, we have a really cool eval form with a custom color scheme to go with each potential value. We recently upgraded our Forms server to the newest version. One of the apparent changes that came along with this is that Forms now changes how checkboxes are displayed. Rather than a black check mark on a white background, when filling out the form it now puts a white checkbox on a blue background, like so:
That’s fine, it’s still obvious enough. However, when viewing it in a read-only state, the checkboxes are far less obvious. Here’s the way it used to display:
And here’s the way it displays in read-only now:
The checkmark is still there but it’s FAR harder to see (though slightly more obvious on one of the other colors aside from grey). The color of the checkbox now matches the color of the div it rests in when in read-only mode. When we strip out the color for long-term storage (color takes WAAAAY more space than black and white) these checkboxes don't survive the conversion.
I've tried using CSS to change the appearance of these input areas, but when the field is in read-only mode (as most of the form is for the final review step) even using the "!important" tag doesn't work. Does anyone have ideas on how to get around this?