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