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

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

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

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

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

然后定义这个样式:

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

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