如何在0.5中设置Polymer的<core-scaffold>工具栏背景的样式?

时间:2015-06-15 12:39:30

标签: polymer toolbar

在使用core-scaffold时,我在使用Polymer 0.5设置工具栏的完整背景颜色时遇到问题。到目前为止我在Stackoverflow上尝试过的只设置了左侧菜单,但没有设置正确的内容。如何设置完整工具栏的背景颜色?

以下是他们自己的例子中的代码示例。

<core-scaffold>
    <core-header-panel navigation flex mode="seamed">
        <core-toolbar>Menu</core-toolbar>
        <core-menu>
            <core-item icon="settings" label="item1"></core-item>
            <core-item icon="settings" label="item2"></core-item>
        </core-menu>
    </core-header-panel>

    <div tool>Dashboard</div>

    <div class="content">Content goes here...</div>

    <paper-toast id="error-toast" text="" swipeDisabled="false"></paper-toast>
</core-scaffold>

跨浏览器支持

感谢@CtrAltDel引导我走向正确的方向。该解决方案仅适用于IE。以下适用于IE和Chrome。

<style>    
    body core-toolbar { background-color:Black; color:#ffffff; }
    core-scaffold::shadow core-toolbar { background-color:Black; color:#ffffff; }
</style>

1 个答案:

答案 0 :(得分:1)

已经有一段时间了,但过去我有这个工作:

body core-toolbar { background-color: #00FF00; }

使用您想要用作背景颜色值的任何颜色。