0

I am trying to set the default paper-dropdown-menu color from gray to black.

Using several mixins, I haven't been able to successfully change the color.

enter image description here

<paper-dropdown-menu
  label="Label" 
  on-iron-activate="_restructure"
  placeholder="[[placeholder]]">
  <paper-listbox slot="dropdown-content" 
    selected="[[item]]" 
    attr-for-selected="value">
      <paper-item">One</paper-item></paper-item>
  </paper-listbox>
</paper-dropdown-menu>

...

paper-dropdown-menu {
    --paper-input-container-focus-color: #3466F6;
    --paper-dropdown-menu-button: {
      color: black;
      opacity: 1;
    };
     --paper-dropdown-menu: {
      color: black;
      opacity: 1;
     };
      --paper-dropdown-menu-input: {
      color: black;
      opacity: 1;
    };
    --paper-input-container: {
      color: black;
      opacity: 1;
    };
     --paper-menu-button: {
      color: black;
      opacity: 1;
    };
  }

What CSS is needed to change the "Select Contact" color?

Improve this question
7
  • can you possibly create a jsfiddle with your code and I can play with it / get you a solution? It's just kind of difficult to know everything that could be affecting it without the html etc jsfiddle.net Commented Jun 26, 2019 at 20:09
  • Sorry, I'm not good with jsfiddle...I think it's the placeholder text that I'm having issues with. Commented Jun 26, 2019 at 20:34
  • I can help you to set it up if you would like? Commented Jun 26, 2019 at 20:35
  • That would be awesome :) Commented Jun 26, 2019 at 20:35
  • You can take your code and separate it into the three boxes the HTML in the (top left), the CSS (top right), and if your using Javascript the (bottom left). Then if you click Run in the top left hand corner of the menu it will process your code and dsiplay how it is working in the result window (bottom right) is your code being hosted on a website somewhere or just locally? If it is hosted I can go look at the source code and put it in a jsfiddle for you and show you how it works Commented Jun 26, 2019 at 20:44
Related questions
6
How to change Polymer(1.0) paper-toolbar background colour?
1
How do I use polymer 1.0 paper-styles colors?
0
Polymer 1.0 populate paper-menu with original styling
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.