Question

我试图让这里描述的google演员按钮完全以编程方式创建，但在连接和断开连接的颜色时也可以在代码中自定义。

从上面的文档中可以看到，您可以设置以下属性来控制两种状态的颜色。

--connected-color && --disconnected-color

由于按钮是以编程方式创建的，我必须使用 setAttribute 或类似的东西来在cast按钮上创建属性。但是 - 开头的字符会导致 invalidCharacterError 我想知道是否有人遇到过这个问题？

Answer 1

从你的jsfiddle我用api创建了另一个小提琴，很清楚--connected-color＆amp;＆amp; --disconnected-color是css变量。 six

所以你需要的是一个用于chrome cast按钮的全局样式。

.chromecast-buttonxxxxx {
  --connected-color: blue;
  --disconnected-color: gray;
}

注意：无法使用特殊字符设置属性名称。你必须通过css控制行为。