我正在使用vaadin-combo-box,但遇到了问题。我不知道如何为下拉菜单自定义滚动条的外观。我阅读了有关零件造型的知识,我知道该怎么做,但这似乎是不可能的。不能弄清楚选择#scroller元素的方法,因为它被设计为不是样式的“组成部分”。但是,这是我想到的将自定义样式应用于下拉滚动条的唯一方法。怎么能做到?
预先感谢您的帮助。
#Update
事实证明,到目前为止,还没有办法在 vaadin-combo-box 组件的滚动条上自定义样式。负责滚动的元素位于内容阴影DOM 内部,无法从外部访问,也不会继承父部分[part="content"]
答案 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的未来版本中有更改,则需要再次复制,重新应用更改