昨天我决定尝试 Polymer 1.0,但在尝试设计纸质工具栏样式时我已经遇到了困难。
文档说可以使用以下方法更改背景颜色: --paper-toolbar-background
但是我如何在 CSS 上使用它呢?
我尝试了以下方法:
paper-toolbar {
--paper-toolbar-background: #e5e5e5;
}
还有这个:
paper-toolbar {
--paper-toolbar {
background: #e5e5e5;
}
}
但都没有用。正确的做法是什么?
谢谢。
最佳答案
如果您在主页上设置样式,则必须使用 <style is='custom-style'>
应用样式.这是为了使自定义 CSS 属性起作用。
申请相对容易。 paper-toolbar
提供 2 个自定义属性和一个 mixin。 --paper-toolbar-background
--paper-toolbar-color
是一个改变工具栏背景颜色的属性改变它的前景色。 --paper-toolbar
是应用于工具栏的混合。
使用这些属性与在元素中应用样式是一样的。举个例子
<style is="custom-style">
paper-toolbar {
--paper-toolbar-background: #00f; /* changes the background to blue*/
--paper-toolbar-color: #0f0; /* changes the foreground color to green */
--paper-toolbar: {
font-size: 40px; /* Change default font size */
}; /* Notice the semicolon here */
}
</style>
关于css - 如何更改 Polymer(1.0) paper-toolbar 背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30556196/