Google app maker Can'；在Google App Maker中，不要在文本框上自定义CSS样式

因此，我可以为各种小部件创建自定义CSS样式（示例：下拉列表）

调用特定的小部件也没有问题：

*.app-TestPage-Field6 {
  font-weight:bold;
}*

但是，这似乎不适用于显示数据的文本框（如在表中）

示例：

*.app-TestPage-Field7 {
  font-weight:bold;
}*

不起作用

---

不起作用

---

工作。但它适用于所有文本框，而不仅仅是我想要的特定文本框

这是虫子吗？或者我只是不明白什么

任何帮助都将不胜感激。谢谢

.app-TestPage-Field7-Input {
  font-weight:bold;
}

如果你想调用一个特定的小部件，这应该是可行的，但目前的文档记录非常糟糕。您只能将样式下记录的常规小部件样式添加到特定小部件以及所有小部件

---

顺便说一句，“*”通常是不必要的，除非您试图添加特殊性。

我要做的是在您想要加粗的文本框的样式中添加一个加粗类

然后定义此样式：

.app-TextBox.bold .app-TextBox-Input{
  font-weight: bold
}

---

现在，任何具有这种样式的文本框都将是粗体的。

是的，我认为调用特定的小部件应该可以工作，但由于某些原因它不能工作。除了文本框之外，同样的代码对任何东西都适用。（很抱歉，“*”是我试图将代码斜体化的结果）作为一种良好的实践，您通常希望避免对特定的小部件进行样式化。首先，如果您必须在样式表上做很多工作，那么在样式表上要管理的内容就很多。此外，如果以后重命名小部件，还必须更新样式。通常，您希望使用样式类来为小部件（或者更一般地说是网页上的HTML元素）设置样式，这听起来是一个不错的解决方案，直到您开始重构：）首先，编辑文本然后重新访问几十个和数百个框并进行更多的单击更容易。其次，如果你正在接管一些现有的项目，你可以很容易地分析应用程序的样式。顺便说一句，一旦你改变了小部件的名称，AppMaker会为你重新命名css规则。我想这只是旁观者的眼睛。在右边狭窄的样式面板中查看数百个样式声明并不是我想要的更好，在那里我可以拥有的越少，对我来说就越好。要澄清的是，对特定小部件进行样式设置不起作用的主要原因是您缺少“输入”。我觉得奇怪的是，字体权重没有被内部输入所继承，从外观上看，这是因为AppMaker在输入中添加了“font weight:400”，所以它覆盖了您在.App TextBox上设置的字体权重。我想知道我们是否应该将这些样式移到app TextBox，唯一的“问题”是，这将意味着您的标签也将变为粗体，因为app TextBox为整个小部件设置样式，但我认为这是有意义的。（这比现在发生的事情要好，现在什么都不是。）

.app-TextBox-Input {
  font-weight:bold;
}

.app-TestPage-Field7-Input {
  font-weight:bold;
}

.app-TextBox.bold .app-TextBox-Input{
  font-weight: bold
}