Как изменить цвет бумаги в раскрывающемся меню по умолчанию - PullRequest
Новая
       29

Как изменить цвет бумаги в раскрывающемся меню по умолчанию

0 голосов
/ 26 июня 2019

Я пытаюсь установить цвет по умолчанию paper-dropdown-menu с серого на черный.

При использовании нескольких миксинов я не смог успешно изменить цвет.

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;
    };
  }

Какой CSS необходим для изменения цвета «Выбрать контакт»?

1 Ответ

1 голос
/ 26 июня 2019

Попробуйте сослаться на шестнадцатеричное значение для черного, которое равно # 000000 вместо написания черного.

Если это не сработает, щелкните правой кнопкой мыши по ссылке и перейдите в пункт «Проверка при использовании Chrome или« Проверка элемента »в Firefox» и прокрутите список стилей справа, чтобы увидеть, какие стили могут влиять на элемент, который вы хотите редактировать.,Вы можете даже дважды щелкнуть в правилах и проверить, как ваши изменения повлияют на внешний вид, не меняя исходный код.

enter image description here 

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