Question

我一直在尝试阅读文档，但我不明白。似乎也没有任何stackoverflow问题。现在使用Polymer v1.0和MVC 5.

例如，让我们拿纸工具栏。我有这个示例代码：

<paper-toolbar>
    <paper-icon-button icon="menu"></paper-icon-button>
    <span class="title">My Title</span>
    <paper-icon-button icon="refresh"></paper-icon-button>
    <paper-icon-button icon="add">+</paper-icon-button>
</paper-toolbar>

如何应用白色背景？

In the polymer website:

我已经看到有自定义属性和mixins ......但我该如何使用它们？

例如，我如何覆盖“--paper-toolbar-background”？使背景变白？

谢谢！

Answer 1

我建议的方法是使用一个用于样式设置的元素，例如app-theme.html。将它放在元素目录中并导入它。

如果您的app-theme.html如下所示，则应正确设置纸质工具栏的样式：

<style is="custom-style">
    paper-toolbar {
        --paper-toolbar-background: var(--paper-blue-900);
    }
</style>

我将这种方法用于Paper元素。对于自定义元素，我将样式放在每个元素中。

虽然理论上你可以在我使用元素之前使用上面的代码并粘贴它，但是这种方法存在以前应用默认样式的问题，导致中断。

当然你也可以使用普通的app.css文件来设置纸质元素的样式，但是你必须使用!important属性来覆盖元素的默认样式。不过不推荐它。

希望它有所帮助。

乔治

如何将样式应用于聚合物元素？

1 个答案: