在iPad上应用程序抽屉内的自定义元素中具有自定义属性的Polymer 3.0问题样式

Question

使用Polymer 3.0和app-drawer时出现问题。我加载具有许多自定义属性（如颜色）的文件。它在app-drawer或app-header内部都可以正常工作。

示例：

<app-drawer-layout force-narrow="true">
    <app-drawer slot="drawer" opened="{{menuOpened}}">
        <my-element></my-element>
    </app-drawer>
    <app-header slot="header" fixed shadow effects="waterfall">
        <my-element></my-element>
    </app-header>
</app-drawer-layout>

如果我在my-element内使用了自定义属性，则它不起作用：

:host {
    background-color: var(--my-color);
}

但是，如果我将my-element加载到app-drawer-layout之外，则背景色很好。此问题仅在我的iPad上（在Safari和Chrome上测试：相同的问题），但在台式机上有效。

有什么想法吗？