我可以在Vaadin7中设置MenuItem Caption的样式

Question

是否有可能自定义Vaadin 7 Menuitem以使文本位于左侧，而不是右侧，并且与图标均匀对齐？第二个问题是，是否可以为顶级菜单提供与其他级别不同的风格？

的CSS：

.v-menubar .v-icon {
float: right;

<div class="v-slot v-slot-user-menu">
  <div id="menu.ui.UserView.user-chooser" class="v-menubar v-widget user-menu v-menubar-user-menu" tabindex="0">
    <span class="v-menubar-menuitem">
        <span class="v-menubar-submenu-indicator">►</span>
        <span class="v-menubar-menuitem-caption">
            <span class="v-icon FontAwesome"></span>
            Adam Test
            </span>
        </span>
  </div>
</div>

Answer 1

试着强迫它：

.v-menubar .v-icon {
text-align: left !important;
}

Answer 2

尝试这样做

.v-menubar-menuitem-caption {
//style
}

如果您希望在

的vaadin文档中查看更多css