css - App Maker RadioGroup 样式不起作用

Question

我想将 Google App Maker RadioGroup 中的项目从黑色更改为白色。我尝试了以下方法，但它不起作用：

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

我也试过.app-RadioGroup-Input，没有运气。

有任何想法吗？

谢谢

Answer 1

要更改标签和输入颜色，您可以尝试以下代码段：

/* 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;
}

注意：这些样式将覆盖禁用状态的样式。