在Polymer app-header上更改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();

app-header元素由Polymer :)制成 有什么答案吗？

Answer 1

我明白了，

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

所以基本上我必须改变CSS：

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