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

时间:2019-01-21 11:00:20

标签: vaadin vaadin-core-elements

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

预先感谢您的帮助。

#Update

事实证明,到目前为止,还没有办法在 vaadin-combo-box 组件的滚动条上自定义样式。负责滚动的元素位于内容阴影DOM 内部,无法从外部访问,也不会继承父部分[part="content"]

上实现的样式

1 个答案:

答案 0 :(得分:1)

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

这可以在某种程度上设置下拉菜单的样式,但是还有额外的影子根,无法应用例如::-webkit-scrollbar元素上的#scroller样式。

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