Polymer 如何设置`<；铁覆盖背景>`

我有一个自定义元素，我想在等待ajax请求完成时使用它。它由一个

组成，但它也有

聚合物.IronOverlayBehavior

行为。它是由一个

waiting

属性驱动的，我在该属性上有一个观察者，因此当设置它时，覆盖将打开

从操作上来说，这很好。只是我的网站背景颜色不对

我正在尝试根据我的模板中包含以下内容的文档设置覆盖样式

<style >
  :host{
    --iron-overlay-backdrop-background-color: #fff;
  }
</style>

：主持人{
--铁覆盖背景色：#fff；
}

但我得到的只是默认的黑色样式，而不是我试图设置的白色

我应该如何设置样式，以便得到半透明的白色，而不是我现在得到的半透明的黑色。

问题是，它是一个单体，不是附加到元素的本地DOM，而是附加到主DOM

因此，要设置其自定义css属性或混合，您应该在应用于主DOM的

自定义样式上进行设置，如下所示：

<style is="custom-style">
iron-overlay-backdrop {
  --iron-overlay-backdrop-background-color: #fff;
  --iron-overlay-backdrop-opacity: 0.9;
}
</style>


铁覆盖背景{
--铁覆盖背景色：#fff；
--铁覆盖背景不透明度：0.9；
}

下面是一个实际演示
Alan写道，重要的是将此css属性添加到主css中，而不是添加到自定义模块中（至少对于Polymer 1）