Google app maker 如何通过代码为不同类型的输入小部件的值设置样式？

我有一个表单，其中包含多个输入小部件，如textbox、dropdown、textarea、suggestbox、radiogroup和multiselect等

默认情况下，输入小部件处于禁用状态

当我点击一个按钮时，它们都被启用了。 我也希望他们的文字颜色改变时，我点击该按钮

注意：我不想更改小部件的标签颜色。只有颜色的值

如何在代码中为每个应用程序执行此操作？如果你能给每个小部件举个例子，比如文本框、下拉列表、多选、radigroup等等

---

寻找一个通用的解决方案

单击按钮时，表示要将文本框文本更改为红色。向样式选项卡添加一个类，如

.red{
  color: red;
}

然后假设在按钮的onclick事件中有一个名为textbox1的文本框，并输入以下代码：

widget.root.descendants.textbox1.styles = ['red'];    

---

所有其他类型都是一样的

为了给你一个想法，我用TextBox进行了测试，但使用TextAreas时，输入或值没有改变，以及其他multiselect和radioGroup选项，它没有按照预期使用css

当您单击文本框并从CSS页面样式开始键入“.”时，您将发现所选小部件的不同选项。使用文本框有一个输入选项，因此您可以创建一个类似于此的全局样式

    .color Input{
          color:teal;              
                 }

function textBoxColorChange() {

  app.pages.NewPage.descendants.TextArea1.styles = ["color"];

}

这将更改文本框的输入，就像您使用Label一样，只需使用相同的css类即可更改要修改的选项<代码>颜色标签{}

同样，要将更改应用于小部件，只需创建一个类似于此的函数

    .color Input{
          color:teal;              
                 }

function textBoxColorChange() {

  app.pages.NewPage.descendants.TextArea1.styles = ["color"];

}

并为按钮创建OnClick事件以进行更改

对于其他小部件，我没有时间继续测试，但我希望这有助于理解。你好