0

We have a form which shows rendering issues in Mozilla. We tried to increase the Checkbox Size and this is how a form renders in Mozilla: http://prntscr.com/jp6yv2 which is not correct. And, this is how a Form renders on Chrome http://prntscr.com/jp72h0 which is correct actually as you can see Checkbox Size Changes are showing up which are not taking effect in Mozilla. A Solution and thoughts on the issue are welcome.

Here is the code snippet which I am using

@media screen and (min-width: 1200px)
.ult-open ul.gfield_checkbox li.gchoice_1_3_1 input[type="checkbox"] {
    width: 20px!important;
    height: 20px!important;
}
Raj
  • 1
  • 4
  • please add relevant code – Taki May 31 '18 at 20:38
  • @Taki Here is the CSS which I applied:@media screen and (min-width: 1200px) .ult-open ul.gfield_checkbox li.gchoice_1_3_1 input[type="checkbox"] { width: 20px!important; height: 20px!important; } – Raj May 31 '18 at 20:50
  • [https://stackoverflow.com/questions/4148499/how-to-style-a-checkbox-using-css](https://stackoverflow.com/questions/4148499/how-to-style-a-checkbox-using-css) – Sfili_81 Jun 01 '18 at 07:29
  • @Sfili_81 thanks for that reference... that gave me a direction and I was able to fix the issue! – Raj Jun 03 '18 at 18:55
  • your welcome. @Sheryl – Sfili_81 Jun 04 '18 at 06:37

0 Answers0