Пользовательские полосы прокрутки для <vaadin-combo-box>, невозможно?

Question

Я использую vaadin-combo-box и у меня проблема. Я понятия не имею, как настроить внешний вид полос прокрутки для выпадающего списка. Я читал о деталях стиля и знаю, как это сделать, но это кажется невозможным. Не могу понять, как выбрать элемент #scroller, потому что он был разработан, чтобы не быть «частью» стиля. Однако это единственный способ применить собственный стиль к выпадающим полосам прокрутки. Как это можно сделать?

Заранее спасибо за помощь.

# * Обновление 1006 *

Оказывается, что на сегодняшний день нет способа настроить стиль для полос прокрутки для компонента vaadin-combo-box . Элемент, отвечающий за прокрутку, находится внутри содержимого shadow DOM и недоступен извне, а также не собирается наследовать стиль, реализованный в родительской части [part="content"]

Answer 1

Раскрывающаяся часть называется vaadin-combo-box-overlay, см .: https://vaadin.com/components/vaadin-combo-box/html-api/elements/Vaadin.ComboBoxOverlayElement И она доступна для стилизации.

Это позволяет в некоторой степени стилизовать выпадающий список, но есть дополнительный теневой корень, который не позволяет применить, например, ::-webkit-scrollbar стили на элементе #scroller.

Таким образом, последний вариант - сделать копию html-файла vaadin-combo-box в нужном месте в каталоге frontend. Бывает так, что этот файл будет использоваться вместо того, который приходит из webjar. Затем вы можете редактировать этот HTML-файл напрямую. Конечно, это означает, что если в будущих версиях vaadin-combo-box будут внесены изменения, вам необходимо скопировать заново, повторно применить изменения