css - Polymer 1.0 app-theme 只影响 index.html 而不是自定义元素

标签 css polymer

我正在使用 Polymer Starter Kit,我想将支架移动到它自己的元素中 <main-scaffold> . app-theme.html里面有款式在我将它从 index.html 移动到它自己的元素之前应用于它,但现在没有任何样式适用。我放入自己的自定义元素中的任何一组元素都是这种情况。应用于 <paper-material> 的自定义样式来自 app-theme.html没有应用在我的 <home-page> 中元素。我希望某些元素在全局范围内应用主题。里面唯一款式app-theme.html适用于其他任何地方的是 CSS 自定义属性,例如 --dark-primary-color .

有什么方法可以创建适用于整个元素的主题?我已经尝试专门将 app-theme.html 导入到我的元素中,但没有任何区别。提前致谢。

最佳答案

主题来自 polymerthemes.com应该适用于您的整个元素。

只需下载一个预制主题(或使用 Polymer Theme Builder 创建您自己的主题)并像这样在您的 <head> 中链接到它:

<style is="custom-style">
    @import url("path/to/theme.css");
</style>

或者,查看样式在该网站上的应用方式。

免责声明:我是 polymerthemes.com 的创建者之一。

关于css - Polymer 1.0 app-theme 只影响 index.html 而不是自定义元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30900593/

相关文章:

ruby-on-rails - 如何将图标与记录链接,但将其显示在远离记录部分的位置?

css - Bulma - 破坏标签中的文本

css - CSS 中的复杂高度

css - 包含 UL 列表的滚动条框

coffeescript - 如何正确使用coffeescript/sass(编译语言)和Google Polymer?

html - polymer :不同样式的核心图标按钮

javascript - Polymer dom-repeat 如何通知数组更新

javascript - polymer 类绑定(bind)问题

javascript - 设置元素属性时未触发 Polymer "property-changed"事件

html - flexbox:两个垂直图标之间没有空间