我在另一个元素中使用了纸张输入:
<polymer-element name="my-element">
<template>
<paper-input floatinglabel></paper-input>
</template>
</polymer-element>
我在我的主页面中包含了这个元素:
<template is="auto-binding">
<my-element></my-element>
</template>
我想在纸张输入元素具有焦点时设置浮动标签文本的样式。我使用什么选择器来设置浮动标签文本的样式?
我可以使用以下方式设置未聚焦的浮动标签的样式:
my-element /deep/ .floated-label .label-text {color: red;}
但是当纸张输入具有焦点时,我无法弄清楚选择器设置颜色。
答案 0 :(得分:2)
如果您使用的是Polymer 0.5.1(当前版本),您应该能够使用选择器my-element::shadow paper-input[focused] /deep/ .floating-label .label-text
设置聚焦标签的样式。
答案 1 :(得分:2)
感谢@idleherb让我沿着正确的道路前进,我发现以下情况有效:
my-element /deep/ paper-input-decorator[focused] /deep/ .floated-label .label-text