Search code examples
cssdrop-down-menupolymerpaper-elements

Polymer's paper-dropdown-menu selected item font color

Using Polymer v1.0

I can't find the proper css to add to change the color of the selected value text.

enter image description here

When I inspect the element, I can change the color value for: .paper-input-container-0 .input-content.paper-input-container label, .paper-input-container-0 .input-content.paper-input-container .paper-input-label

to white, and the text changes. But if I add that to my CSS, nothing changes.

Solution

  • Use custom styles like this:

    <style is="custom-style">
    :host{
      --primary-text-color: blue;
      --paper-input-container-label: {
          color:orange;
      }
    }
</style>

    default custom style is: --primary-text-color

    Example: http://jsbin.com/fuzuri/edit?html,output