Стилизация `vaadin-combo-box-item` не имеет никакого эффекта

Я создал кастом theme для vaadin-combo-box-item:

<dom-module id="my-combo-box-item-style" theme-for="vaadin-combo-box-item">
    <template>
        <style>
            :host([theme~="combo-style"]) {
                font-family: roboto, sans-serif;
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
            }

            :host([theme~="combo-style"][selected]) {
                color: #4a90e2;
                background-color: #e6e6e6;
                border: none;
                border-radius: 0;
            }
        </style>
    </template>
</dom-module>

И использовал его на моем vaadin-combo-box:

<vaadin-combo-box theme="combo-style" id="comboBox" items="[[items]]">
    <template theme="combo-style">[[item.title]]</template>
</vaadin-combo-box>

Но это никак не влияет. Когда я проверяю элементы, CSS устанавливается на каждом vaadin-combo-box-item -> shadowroot -> стиль:

:host([theme~="combo-style"]) {
  font-family: roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}

:host([theme~="combo-style"][selected]) {
  color: #4a90e2;
  background-color: #e6e6e6;
  border: none;
  border-radius: 0;
}

Как я должен перезаписать vaadin-combo-box-item стили, когда он полностью игнорирует темы?

редактировать

Тема не применяется к элементу html. Зачем?

0 ответов

Другие вопросы по тегам