Question

我正在使用Polymer应用程序。在这个应用程序中，我有一个paper-dropdown-menu定义如下：

<paper-dropdown-menu id="foodMenu" label="Choose an item" no-label-float="true">
  <paper-menu class="dropdown-content">
    <paper-item>Croissant</paper-item>
    <paper-item>Donut</paper-item>
    <paper-item>Financier</paper-item>
    <paper-item>Madeleine</paper-item>
  </paper-menu>
</paper-dropdown-menu>

默认情况下，标签颜色为灰色。然后，当用户选择项目时，所选项目显示为黑色。我试图设置控件的样式，使标签和所选项都是白色。但是，我没有运气。目前，我已经定义了以下风格：

#foodMenu {
  --paper-input-container-underline: {
    display: none;
  }
}

#foodMenu paper-input {
  color: #fff;
}

不幸的是，这种方法不起作用。但是，我不知道该怎么做。如何将标签和选定文本设为白色？

谢谢！

Answer 1

尝试设置<paper-item>元素的样式，因为下拉列表由这些元素组成。

示例：

paper-dropdown-menu paper-item {
  --paper-item-selected-weight : 400;
  --paper-item-focused-before: {
    background: #fff;
  };
}

我创建了一个plunker here。

有关<paper-item> here的更多信息。

聚合物 - 下拉式

1 个答案: