css - 我可以在 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;
}