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

Question

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

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

#Обновить

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

Answer 1

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

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

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