Vaadin8：如何在 TextField 中显示 Vaadin 图标？

Question

使用 Vaadin 8 我想在左侧的 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);