如何在TextField中显示Vaadin8图标？

Question

使用Vaadin8，我想在左侧的TextField中显示Vaadin搜索图标。

    TextField search = new TextField("");
    search.setPlaceholder("Search target");
    search.setIcon(VaadinIcons.SEARCH);
    search.addStyleName("search");

使用此代码，图标将显示在TextField的上方。我认为我需要在mytheme.scss文件中添加一些CSS代码，比如

    .v-icon-search {
       display: inline;
}

但这并没有起到任何作用。

Answer 1

在ValoTheme中有一个用于此目的的预定义样式：

search.addStyleName(ValoTheme.TEXTFIELD_INLINE_ICON);