Стилизация `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. Зачем?