Vaadin7でMenuItemキャプションをスタイルすることはできますか

Question

Vaadin 7 Menuitemをカスタマイズして、テキストが右側ではなく、アイコンと均等に整列するようにカスタマイズすることはできますか？ 2番目の質問は、他のレベルよりもトップレベルのメニューに異なるスタイルを与えることが可能なのでしょうか？

の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 docsでさらにCSSを見たい場合は