<vaadin-combo-box> 的自定义滚动条，不可能吗？

Question

我正在使用 vaadin-combo-box，但遇到了问题。我不知道如何为下拉菜单自定义滚动条的外观和感觉。我阅读了有关样式部件的信息，并且知道该怎么做，但这似乎是不可能的。无法弄清楚选择#scroller 元素的方法，因为它被设计为不是样式的“部分”。然而，这是我能想到的将自定义样式应用于下拉滚动条的唯一方法。怎么实现？

提前感谢您的帮助。

#更新

事实证明，到目前为止，还没有办法在 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 样式。

所以最后的选择是在frontend 目录的正确位置复制vaadin-combo-box html 文件。发生这种情况是为了使用该文件而不是来自 webjar 的文件。然后您可以直接编辑该 html 文件。当然这意味着如果未来版本的vaadin-combo-box有变化，需要再次复制，重新应用变化