聚合物:当纸张输入在另一个元素内时,样式纸张输入聚焦浮动标签

时间:2014-12-08 23:33:21

标签: css polymer

我在另一个元素中使用了纸张输入:

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

但是当纸张输入具有焦点时,我无法弄清楚选择器设置颜色。

2 个答案:

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