如何删除 Vaadin 8 ComboBox 中的按钮？答案

【问题标题】：How to remove the button in Vaadin 8 ComboBox?如何删除 Vaadin 8 ComboBox 中的按钮？
【发布时间】：2018-08-19 02:53:24
【问题描述】：

我正在寻找删除 Vaadin ComboBox 右侧的小 V 形 - 我在图片中用蓝色标记的那个：

我希望将它从ComboBox 的一个特定实例中完全删除，并且在某些情况下我不需要让它再次出现在ComboBox 上。

ComboBox 在其他方面的功能应该相同——在用户键入时在下拉列表中显示选项，不允许空选择等。

如何做到这一点？

【问题讨论】：

关闭文档，似乎没有一种“简单的方法”可以专门使用 vaadin 执行此操作。我认为您可能必须深入研究 vaadin 代码以编写自己的可以排除箭头的组合框类，或者寻找不同的库。文档：vaadin.com/api/com.vaadin/vaadin-core/10.0.3/com/vaadin/flow/…
注意，这是关于 Vaadin8 组合框的，文档在这里，vaadin.com/api/framework/8.5.1/com/vaadin/ui/ComboBox.html 但是是的，没有用于此的服务器端 Java 方法。

【解决方案1】：

幸运的是，该按钮在 CSS 中具有类名“v-filterselect-button”。所以我建议尝试以下，将样式名称添加到您的组合框，以便您可以针对特定实例

combobox.addStyleName("my-combo")

然后在你的主题 SCSS 文件中的主题 mixin 中添加以下内容

.my-combo .v-filterselect-button {
  display: none;
}

.my-combo .v-filterselect-input {
  padding-right: 0px;
}

【讨论】：