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);

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

Vaadin8: How to display Vaadin icon inside TextField?

css

vaadin

vaadin8