无法在Google App Maker中的TextBox上执行自定义CSS样式

Question

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

*.app-Dropdown--RobotoBolded {
  font-family:'Roboto Condensed';
  font-weight: 600;
  font-size: 15px;
  text-align: right;
  align-items: center
}*

调出特定小部件也没问题：

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

然而，这似乎不适用于显示数据的TextBox（如表中）。

示例：

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

不起作用。

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

不起作用。

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

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

这是一个错误吗？或者我只是不理解某些事情。

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

Answer 1

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

然后定义这种风格：

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

现在任何具有此样式的文本框都是粗体。

Answer 2

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

如果您想要调用特定的小部件，应该可以正常工作，现在这个文档很难记录。您只能将样式here下记录的常规窗口小部件样式添加到特定窗口小部件以及所有窗口小部件。

除非你试图增加特异性，否则通常没有必要使用“*”。