Scott Scott - 4 years ago 130
CSS Question

App Maker RadioGroup styling not working

I would like to change the items in a Google App Maker RadioGroup from black to white. I tried the following but it does not work:

.app-RadioGroup-Item {
color: white;
}


I also tried .app-RadioGroup-Input, no luck.

Any ideas?

Thanks

Answer Source

To change labels and input colors you can try these snippets:

/* This style will affect only MyRadioGroup widget on the MyPage  */
.app-MyPage-MyRadioGroup-Item>label {
  color: green;
}

.app-MyPage-MyRadioGroup-Item>input {
  border-color: red;
}

.app-MyPage-MyRadioGroup-Item>input:checked {
  border-color: red;
}

.app-MyPage-MyRadioGroup-Item>input:checked:after {
  background-color: red;
}

 /* This style will affect all RadioGroup widgets in the app  */
.app-RadioGroup-Item>label {
  color: green;
}

.app-RadioGroup-Item>input {
  border-color: red;
}

.app-RadioGroup-Item>input:checked {
  border-color: red;
}

.app-RadioGroup-Item>input:checked:after {
  background-color: red;
}

Note: these styles will override styles for disabled state.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download