2

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

提前感谢您的帮助。

#更新

事实证明,截至今天,无法在滚动条上为vaadin-combo-box组件自定义样式。负责滚动的元素位于内容shadow DOM内部,无法从外部访问,也无法继承父部件上实现的样式[part="content"]

4

1 回答 1

1

下拉部分称为vaadin-combo-box-overlay,请参阅:https ://vaadin.com/components/vaadin-combo-box/html-api/elements/Vaadin.ComboBoxOverlayElement并且可用于样式设置。

这允许在某种程度上对下拉菜单进行样式设置,但还有额外的阴影根,这会阻止在元素上应用例如::-webkit-scrollbar样式。#scroller

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

于 2019-01-21T20:01:48.873 回答