Dart 如何设置核心覆盖层的样式？

我快疯了。我原以为我对聚合物造型很在行，但唉

我有：

<my-app>
  <sign-in>
    <core-overlay>

但它不起作用

我的sign_in.html是：

<link rel="import" href="../../../../../../../packages/polymer/polymer.html">
<link rel="import" href="../../../../../../../packages/core_elements/core_overlay.html">
<polymer-element name="sign-in">
  <template>
    <link rel="stylesheet" href="sign_in.css">
    <core-overlay id="overlay" class="overlay" layered backdrop opened="false" transition="core-transition-center">
      <span id="message">Please sign in to comment.</span>
      <button class="signin-btn" id="facebook-signin" on-click="{{signInWithFacebook}}">Sign in with Facebook</button>
    </core-overlay>
  </template>
  <script type="application/dart" src="sign_in.dart"></script>
</polymer-element>

请登录以发表评论。
使用Facebook登录

背景和核心覆盖元素作为

的子元素动态创建。要设置样式，请将以下css添加到您的输入页css中

背景

主体部分核心-覆盖-背景{
背景：红色；
}

覆盖层

*/deep/core覆盖{
框大小：边框框；
-moz框大小：边框框；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：13px；
-webkit用户选择：无；
-moz用户选择：无；
溢出：隐藏；
背景：绿色；
填充：30px 42px；
外形：1px固体rgba（0,0,0,0.2）；
盒影：0.4px16px rgba（0,0,0,0.2）；
}

覆盖css是从中复制的。

---

core overlay演示使用自定义聚合元素

x-dialog

来封装core overlay和CSS。

您要设置哪个元素的样式，以及将样式标记放在哪里？正如我在帖子中所说，我正在设置core overlay的样式，样式在sign_in.CSS中（这是登录元素的CSS，其中包含我正在尝试设置样式的核心覆盖元素）。我没有尝试设置背景的样式，而是覆盖本身（即位于背景顶部的内容）我想我可以简单地引用核心叠加，但我想你是对的，我必须在特定的子元素处进入其中，因为那里有更多的内容。我会研究它。我想你是指背景。你可以尝试将叠加的内容（跨度和按钮）括起来在

中，您的内容

并设置

#someid{background:red；}

<link rel="import" href="../../../../../../../packages/polymer/polymer.html">
<link rel="import" href="../../../../../../../packages/core_elements/core_overlay.html">
<polymer-element name="sign-in">
  <template>
    <link rel="stylesheet" href="sign_in.css">
    <core-overlay id="overlay" class="overlay" layered backdrop opened="false" transition="core-transition-center">
      <span id="message">Please sign in to comment.</span>
      <button class="signin-btn" id="facebook-signin" on-click="{{signInWithFacebook}}">Sign in with Facebook</button>
    </core-overlay>
  </template>
  <script type="application/dart" src="sign_in.dart"></script>
</polymer-element>