Css 外部样式不覆盖阴影DOM样式

我正在尝试设置

的样式并给它背景色。在其文档中，app drawer提供了影响app drawer内容容器的方法（
#contentContainer
）

这些样式确实会进行处理，但不会覆盖。
. 

-谷歌开发者

我正在从所有者文档导入元素

<!--index.html-->
<link rel="import" href="../bower_components/app-layout/app-layout.html">

<style>
    app-drawer {
        ...
    }
    ...
</style>
<app-drawer-layout>
    <app-drawer slot="drawer">
        <app-toolbar>Main Title</app-toolbar>
    </app-drawer>
</app-drawer-layout>


应用程序抽屉{
...
}
...
主标题

有人知道这是怎么回事吗
 尝试将
框阴影
放入
--应用程序抽屉内容容器
中。这对我有用：

app-drawer {
  z-index: 3;
  --app-drawer-content-container: {
    box-shadow: 1px 0 2px 1px rgba(0,0,0,0.18);
    background-color: orange;
  }
}

不。在我这方面没有造成视觉上的差异。它在DevTools中是什么样子的？在
应用程序抽屉中是否有覆盖整个区域的元素？对不起，我没有更好的主意。如上所示，我的背景是橙色的，但我的按钮、标题等使用它们的设置。
appdrawer
有自己的阴影根元素。内部有一个
div#scrim
，它创建了透明的深色背景覆盖，另一个元素
div#contentContainer
保存内容。我可以内联样式
#contentContainer
，并且背景颜色会改变。我还尝试了各种选择器组合，例如：
appdrawer#contentContainer{…styles here}
我在v2
polymer starter kit的
影子根中看到了相同的东西。不是在
阴影根中，而是在
应用程序抽屉
本身的子级中，有一个
应用程序工具栏
和一个
铁选择器
。只需将CSS添加到
my app.html
中的模板样式中，
app drawer
的背景为橙色。¯_(ツ)_/谢谢，@Thad。我用你的代码实现了它。在检查我的原始代码时，我没有用Polymer规范定义我的自定义元素，即
类MyClass扩展了Polymer。元素{}
。我使用的是原始规范中概述的方法：。我相信这可能会产生某种干扰。
app-drawer {
  z-index: 3;
  --app-drawer-content-container: {
    box-shadow: 1px 0 2px 1px rgba(0,0,0,0.18);
    background-color: orange;
  }
}