Google app maker 如何更改按钮颜色，但保留图标

所以我知道如何使用

.app-Button--Blue {
  color: #0277BD;
}

但是，这只允许我在文本模式下更改按钮的颜色。有没有办法让它改变按钮的颜色

当前使用此下拉列表，它工作得非常完美。只想在“图标模式”下对按钮做同样的事情

---

无法编写变体，因此您可以选择：

为每个特定按钮添加样式，例如

.app-NewPage1-Button1，
.app-NewPage1-按钮2{
颜色：绿色；
}

定义一个类并将其指定给要设置样式的每个图标按钮

.greenButton{
颜色：绿色；
}

定义一个使按钮使用图标字体和 设置颜色：

.app按钮——绿色图标{
颜色：绿色；
字体系列：“材料图标扩展”；
字体功能设置：“liga”；
字体大小：1.5rem；
-webkit字体平滑：抗锯齿；
文本呈现：优化易读性；
-moz osx字体平滑：灰度；
文本转换：小写；
-webkit触摸标注：无；
-webkit用户拖动：无；
用户选择：无；
空白：nowrap；
}

看起来您想要扩展默认AM样式变体。我不知道是否有一个美丽的方式来实现它。。。从我的头脑中，我可以提出一些方法：

第一名：

将图标按钮变体应用于所需的所有按钮

编写自定义CSS为每个按钮实例着色

.app PageA按钮，
.app PageB按钮，
.....
{
颜色：绿色；
}

秒：

实现自定义图标按钮变体：

.app按钮--自定义图标{
颜色：绿色；
}

将默认AM按钮变量添加到按钮样式列表中（对于所需的每个按钮）：

---

我使用了第三个选项，它完全满足了我的需要。非常感谢。

.app-Dropdown--Custom .app-Dropdown-Arrow:after {
  color: green;
  opacity: 1;
}