2017-04-13 28 views
0

如何自定义应用程序抽屉中选定选项卡的颜色?自定义应用程序抽屉中选定项目的颜色,Polymer

此外,如何“展开”应用程序抽屉和纸张标签中的文本。

我使用的聚合物2.0预览

+0

''本身没有标签。您的意思是“'中的选定标签”? – tony19

+0

是的,它们(应用程序抽屉和纸张标签)都会在您点击文本时使文本变为粗体。 –

+0

''只是一个容器(参见[source](https://github.com/PolymerElements/app-layout/blob/master/app-drawer/app-drawer.html))。 ''本身并不是对所选项目进行设计,而是可以包含另一个自动设置所选项目的组件(包括''),所以如果我们理解了''的完整背景,我们可以提供更多帮助/准确答案。 – tony19

回答

1

您可以自定义的标记和使用不同的元素,如果你喜欢。对于标准的PSK抽屉,这些是要改变的样式

.drawer-list { 
    margin: 0 20px; 
    } 
    .drawer-list a { 
    display: block; 
    padding: 0 16px; 
    text-decoration: none; 
    color: var(--app-secondary-color); 
    line-height: 40px; 
    } 
    .drawer-list a.iron-selected { 
    color: black; 
    font-weight: bold; 
    }