I have a radio button on 3 lines not working on IPAD

Darryl Klassen

20. März 2020 18:35

I have a radio button on 3 lines not working on IPAD - and have custom css in my Inject CSS to make the items coloured the way I want them. But on my IPAD they don't show up right - desktop it looks fine. Attached is the pic and Inject CSS code object contents. Any ideas?

 

CODE:

 

div.RadioGroup.gcx-forms-radioGroupPaint div.items label:nth-child(1) 

{background-color:#a4ff73; font-weight: bold; height:25px; width:124px;}

div.RadioGroup.gcx-forms-radioGroupPaint div.items label:nth-child(2) 

{background-color:#c7c7c7; font-weight: bold; height:25px; width:120px;}

div.RadioGroup.gcx-forms-radioGroupPaint div.items label:nth-child(3) 

{background-color:#ff7f7f; font-weight: bold; height:25px;}

div.RadioGroup.gcx-forms-radioGroupPaint div.items

{column-count:3; font-size: 14px; column-width: inherit}

 

0

• 

  Darryl Klassen

  20. März 2020 19:35

  Found the answer - at least it is a working answer.

   

  div.RadioGroup.gcx-forms-radioGroupPaint div.items label:nth-child(1) 

  {background-color:#a4ff73;}

  div.RadioGroup.gcx-forms-radioGroupPaint div.items label:nth-child(2) 

  {background-color:#c7c7c7;}

  div.RadioGroup.gcx-forms-radioGroupPaint div.items label:nth-child(3) 

  {background-color:#ff7f7f;}

  div.RadioGroup.gcx-forms-radioGroupPaint div.items

  {column-count:3; height: 30px;}

   

  And added the bold item ** Text ** to the radio button labels themselves.

  0

Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.