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

Question

我想移除 Vaadin 右侧的小 V 形 ComboBox -- 我在图片中用蓝色标记的那个：

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

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

如何做到这一点？

Answer 1

幸好按钮在 CSS、"v-filterselect-button" 中有 class 名称。所以我建议尝试以下，将样式名称添加到您的组合框，以便您可以针对特定实例

combobox.addStyleName("my-combo")

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

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

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

How to remove the button in Vaadin 8 ComboBox?