Правда, я не думал об этом.
ел бы адаптировать CSS компонента комбо-бокса. Поле со списком имеет мой класс стиляcustom1
добавлено, что должно отключить радиус границы для левых углов.
В моемразделяемой styles.htmlЯ попытался адаптировать свойства CSS:
.custom1 {
--lumo-border-radius: 0px;
}
Это меняет стили, но это не совсем то, что я хочу. Согласно сдокументыЯ должен следоватьэта вики применять стили локальной области видимости для веб-компонента. Итак, я попробовал:
<custom-style>
<style>
...
</style>
</custom-style>
<dom-module id="my-combo-box-theme" theme-for="vaadin-combo-box">
<template>
<style include="vaadin-combo-box-default-theme">
:host(.custom1) [part="input-field"] {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
</style>
</template>
</dom-module>
Тем не менее, это не сработало, и частьinput-field
расположен так:
<vaadin-combo-box>
<vaadin-text-field>
...
<div part="input-field">
...
</div>
...
</vaadin-text-field>
</vaadin-combo-box>
Какую проблему я предполагаю, потому что это теневой DOM под теневым DOM?Как я могу оформить эту часть?