google-app-maker - 无法在 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;
}*

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

例子：

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

不工作。

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

不工作。

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

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

这是一个错误吗？或者我只是不明白什么。

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

score 3 · Accepted Answer

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

然后定义这种风格：

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

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

score 2 · Accepted Answer

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

如果您想调出特定的小部件，应该可以工作，现在这方面的文档记录很差。您只能将此处样式下记录的一般小部件样式添加到特定小部件以及所有小部件。

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

2 回答 2