連接和斷開屬性

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來控制行爲。