Transparent background checkbox in controlgroup
I have a controlgroup containing checkboxes, and I'm trying to get the background transparent. I've tried several methods, but it looks like I can't set the background to transparent without setting the checkbox to transparent as well. One of the methods is:
- .ui-checkbox label.ui-checkbox-off {
- background: rgba(0,255,255,0.2) !important;
- }
- .ui-checkbox label.ui-checkbox-on {
- background: rgba(0,255,255,0.2) !important;
- }
The result is that in the unchecked checkboxes, the underlying actual checkbox is becoming visible. Who can help me getting a checkbox transparent without fading the checkbox itself? Please see attached screenshot to see what I mean.