聚合物 - 下降式

我正在研究聚合物应用程序。在这个程序，我有这样定义一个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; 
}

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

谢谢！

来源

2016-01-26 xam developer

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

实施例：

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

我创建了一个plunker here。

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

来源

2016-01-26 23:05:47

不幸的是，这并没有奏效。文字仍然是灰色的。我确认了这一点，通过分叉并设置背景颜色为黑色，如下所示：http://plnkr.co/edit/aChII6zSWCPNZAcqiAWc?p=preview –

您设置了'background-color'内联样式，下拉菜单“，请尝试使用'paper-item'' backgroud'属性代替。你想隐藏/画白色的选定的项目背景颜色不是吗？或者你可以更好地向我解释你想要达到的目标？ –

我设置背景颜色只是为了显示我的问题。我正在设置标签的颜色。换句话说，我试图在我的白色中制造“食物”这个词。 “食物”是出现的标签没有被选中。如果用户选择“甜甜圈”，则“甜甜圈”一词出现在“食物”一词的下面。我想要“甜甜圈”这个词是白色的。那有意义吗？我非常努力地正确地设计这种风格。感谢您的帮助。 –

聚合物 - 下降式

回答

相关问题