Search code examples
csspolymerpolymer-1.0paper-elements

How do I style the gold-email-input Polymer element?

I am trying to change the label color of the <gold-email-input> element.

I have tried the following:

<style is="custom-style">
  gold-email-input {
    --paper-input-container-color: white!important;
    --paper-input-container-focus-color: white!important;
    --paper-input-container-invalid-color: white!important;
    --paper-input-container-input-color: white!important;
  }
</style>

But it is not working. What am I doing wrong?

Solution 
  • .white-color * {
    color: white!important;
}

    this will only opt when gold-email-input is in body

      gold-email-input {
    --paper-input-container-color: white!important;
    --paper-input-container-focus-color: white!important;
    --paper-input-container-invalid-color: white!important;
    --paper-input-container-input-color: white!important;
  }

    above will work only if the gold-email-element inside dom-module