Polymer - Drop Down Style

Question

Я работаю над приложением «Полимер». В этом приложении, у меня есть 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.