Asp.net mvc 如何将样式应用于聚合物元素？

我一直试图阅读文档，但我不明白。似乎也没有任何问题。现在使用聚合物v1.0和MVC5

例如，让我们以纸张工具栏为例。我有以下示例代码：

<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>

我的头衔
+

如何对其应用白色背景

我已经看到有自定义属性和混合。。。但是我如何使用它们呢

例如，如何覆盖“--纸张工具栏背景”？让背景变成白色

---

谢谢

我推荐的方法是使用一个用于样式设计的元素，例如

app-theme.html

。将其放入元素目录并导入

如果您的

app-theme.html

如下所示，则应正确设置纸张工具栏的样式：

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

纸张工具栏{
--纸张工具栏背景：var（--paper-blue-900）；
}

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

虽然从理论上讲，您可以在使用元素之前使用我上面的代码并粘贴它，但这种方法存在一个问题，即默认样式在使用之前就已应用，从而导致中断

当然，您也可以使用普通的app.css文件来设置纸张元素的样式，但是您必须使用

！重要信息

属性以覆盖元素的默认样式。但不要推荐它

希望能有帮助

---

George

在这种情况下，您可以使用纯CSS。类似于

paper toolbar{background:#fff；}

的内容不在本文中吗？我这样问是因为我有一种引导思想，我们只是用类来装饰元素，而不是用我们自己的代码覆盖它（除非我们大量修改它）。例如，如果有一个类或一个mixin已经列出了所有的材质颜色，我们只需要给它命名。这个组件是你想要的吗？