聚合物 - 下降式

我正在研究聚合物應用程序。在這個程序，我有這樣定義一個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'屬性代替。你想隱藏/畫白色的選定的項目背景顏色不是嗎？或者你可以更好地向我解釋你想要達到的目標？ –

我設置背景顏色只是爲了顯示我的問題。我正在設置標籤的顏色。換句話說，我試圖在我的白色中製造「食物」這個詞。「食物」是出現的標籤沒有被選中。如果用戶選擇「甜甜圈」，則「甜甜圈」一詞出現在「食物」一詞的下面。我想要「甜甜圈」這個詞是白色的。那有意義嗎？我非常努力地正確地設計這種風格。感謝您的幫助。 –

聚合物 - 下降式

回答

相關問題