没有应用铁覆盖背景样式

Question

我有一个自定义元素，它具有铁叠加背景作为子元素（在纸张对话框内）。我试图增加淡入淡出时间（如果我可以在chrome中编辑css，我可以这样做）。当我尝试将更改应用于样式--iron-overlay-backdrop时，更改不会应用于子项。我所拥有的是：

<style>
:host {
    --iron-overlay-backdrop: {transition: opacity 5s;};
}
</style>

我还尝试了一些更简单的--iron-overlay-backdrop-opacity：0.8，它也不起作用。由于某种原因，样式没有被应用。有谁知道我做错了什么，或者我怎么能得到更长过渡时间的理想行为？

Answer 1

叠加背景的自定义属性为： - iron-overlay-backdrop-opacity 您可以设置主机的不透明度，并以此方式进行转换

:host{
opacity: var(--iron-overlay-backdrop-opacity, 0.8);
  transition: opacity 5s;
}