Search code examples
htmlcssdartdart-polymerpaper-elements

Polymer - paper-input floating label color

How can i change color of focused floating label in polymer?

enter image description here

Thanks for answers.

Solution

  • The only way I was able to get around this issue was with this:

    paper-input-decorator[focused] /deep/ .floating-label,
paper-input-decorator[focused] /deep/ .label-text {
/* floating label color when the input is focused */
color: orange !important;
}

    Notice how it was necessary to type paper-input-decorator[focused] /deep/ twice