Vaadin 14:Exchange组合框下拉图标

Vaadin 14:Exchange组合框下拉图标,vaadin,vaadin-flow,Vaadin,Vaadin Flow,在Vaadin 14应用程序中,我想在组合框中交换此标准图标: 对于另一个图标(并实现了目标,但我认为我的方式不是最好的/最好的) 我的完整用例是组合一个列表、一些按钮和一个组合框来创建这个可排序的多选列表: 用户可以通过在下面的组合框中选择新值向列表中添加新值 为了将组合框的标准图标(--lumo icons dropdown=\ea18,一个向下显示的箭头)替换为加号图标,我使用了以下代码:combobox.getElement().getStyle().set(“--lumo icon

在Vaadin 14应用程序中,我想在组合框中交换此标准图标:

对于另一个图标(并实现了目标,但我认为我的方式不是最好的/最好的)

我的完整用例是组合一个列表、一些按钮和一个组合框来创建这个可排序的多选列表:

用户可以通过在下面的组合框中选择新值向列表中添加新值

为了将组合框的标准图标(
--lumo icons dropdown=\ea18
,一个向下显示的箭头)替换为加号图标,我使用了以下代码:
combobox.getElement().getStyle().set(“--lumo icons dropdown”,“\”\\ea23\”)(是,所有引号和反斜杠如图所示)

这很好(正如您在屏幕截图中看到的),但覆盖图标感觉不正确


是否有其他(更好的)方法将Vaadin组合框中的标准下拉图标替换为另一个图标?

我不会说这在任何主要方面都是错误的。这也许不是我们认为的改变图标的主要方式(我们目前实际上没有一个主要方式,这是我们将来需要解决的问题),但它是有效的,而且很简单。感谢您提供的信息,没有“官方”的主要方式。然后我会保持原样,不会寻找替代品。:-)旁注:我会将一个CSS类应用于combobox,并使用(非硬编码)CSS,使用CSS类作为选择器来更改图标。使以后更容易调整图标。