更改聚合物應用程序標頭上的CSS變量背景圖像

Question

我想使用CSS變量動態更新背景圖像。

app-header { 
    background-color: var(--paper-red-500); 
    --app-header-background-front-layer: { 
     background-image: url(var(--profile-cover)); 
    }; 
    } 

但它不會更新使用這種方法：

this.customStyle['--profile-cover'] = url; 
this.updateStyles(); 

的應用頭元件由聚合物:) 任何答案做出？

Answer 1

我得到了它，

this.customStyle['--profile-cover'] = 'url(\'' + url + '\')' 

所以基本上我不得不改變CSS：

background-image: var(--profile-cover);