连接和断开属性

Question

我想要获得这里描述的谷歌投射按钮完全以编程方式创建，但也可以在代码中定制，当涉及到连接和断开的颜色。

cast integration docs

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

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

当按钮被编程创建，我不得不使用的setAttribute或类似的创建上投放按钮属性的东西。然而，在开始的字符造成invalidCharacterError我想知道是否有人遇到过这个？

JSFiddle example

Answer 1

从你的jsfiddle我创建与API另一小提琴，很明显，--connected色& & --disconnected色是CSS变量。 https://jsfiddle.net/karthick6891/up7ugfqd/10/

因此，所有你需要的是铬铸造按钮的全球风格。

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

注意：不可能使用特殊字符设置属性名称。你必须通过CSS来控制行为。