Polymer 在渲染纸张菜单按钮项之前显示白色背景

Polymer 在渲染纸张菜单按钮项之前显示白色背景,polymer,Polymer,单击工具栏按钮时,我可以看到在将菜单呈现为绿色之前显示的白色背景。看 感谢如果有人能让我知道我做错了什么,因为我是新来的聚合物 更新:包括基于输入的演示代码(删除不相关的代码)和Dirk提供的解决方案。下面的代码将在动画渲染期间显示具有适当背景颜色的菜单(在本例中为绿色) 试验 :主持人{ 显示:块; 身高:100%; 背景色:#0000ff; } 纸品{ 字体大小:0.5em; 颜色:白色; /*---把这个拿走*/ /*背景颜色:绿色*/ } /*---加上这个*/ 纸张菜单按钮/deep

单击工具栏按钮时,我可以看到在将菜单呈现为绿色之前显示的白色背景。看

感谢如果有人能让我知道我做错了什么,因为我是新来的聚合物

更新:包括基于输入的演示代码(删除不相关的代码)和Dirk提供的解决方案。下面的代码将在动画渲染期间显示具有适当背景颜色的菜单(在本例中为绿色)


试验
:主持人{
显示:块;
身高:100%;
背景色:#0000ff;
}
纸品{
字体大小:0.5em;
颜色:白色;
/*---把这个拿走*/
/*背景颜色:绿色*/
}
/*---加上这个*/
纸张菜单按钮/deep/。纸张菜单按钮覆盖背景{
背景:绿色;
}

请在问题中添加代码的相关部分,以供将来参考。如果所有东西都放在一个地方,并且JS Bin将来可能会被删除,那么更容易获得问题的概述

然后从
纸张项目
部分删除
背景:绿色
条目。这是不需要的,因为我们在其他地方设置了弹出菜单的背景色样式(这种样式的另一个问题是,它会从弹出菜单中删除圆角。这可能是有意的,也可能不是有意的。)

最后加上

paper-menu-button /deep/ .paper-menu-button-overlay-bg {
  background: green;
}
按照你的风格,现在一切看起来都很好。本节设置纸张菜单按钮弹出窗口(又名覆盖)的背景样式

这是正确的方法吗?我不知道。因为现在你对CSS中纸质菜单按钮的内部有了依赖。我认为在未来,所有核心和纸张元素都需要(在某种程度上)完全可主题化,这意味着您可以在一个地方为所有组件指定大多数核心颜色和样式