Fix Checkbox Visibility In V4.10 And V4.11

The visibility of the checkboxes is terrible since V4.10x. I know this is supposed to be something defined by the browser but it is not that way. CSC has changed something causing this.

I will post this as a bug but I was told to post it hear if I wanted to draw attention to it.

Please see attached pic which is of an admin page. Really don't care about admin as I (we) know where the checkboxes are. The concern is for our customers and it is really bad on mobile devices

[attachment=14054:Checkbox-visbility.jpg]

[attachment=14055:Mobile-device-checkbox.jpg]

Checkbox-visbility.jpg

Mobile-device-checkbox.jpg

Doesn't anybody else have this problem. The visibility of the check boxes and radio buttons is horrible since V4.10.X CSC support acknowledges it but won't fix it because they say it is a feature request not a bug. Not sure how the desire to be able to see the boxes is a feature request!!

cant it be fixed by css tweaks ? I dont have this version yet so dont have the problem.

something like https://prnt.sc/pxiqrf

input[type="checkbox"] {
  1. -moz-appearance: none;
  2. -webkit-appearance: none;
  3. border: 2px solid rgba(1,1,1,1.1);
  4. border-radius: 3px;
}

cant it be fixed by css tweaks ? I dont have this version yet so dont have the problem.

something like https://prnt.sc/pxiqrf

input[type="checkbox"] {
  1. -moz-appearance: none;
  2. -webkit-appearance: none;
  3. border: 2px solid rgba(1,1,1,1.1);
  4. border-radius: 3px;
}

Yes, but it does not work for FireFox on android. It only works for desktop. I have also tried using @media (max-width: 767px) but that does not work either. You can use FireFox developer tools and then put it into mobile mode and it looks like it works but it doesn't work when you check it on your phone.

After poking a little more, I found that the visibility issue for mobile devices is there in V4.9.3

V4.10.X did create additional visibility issues which can be resolved for desktop devices with css code.