我可以在Vaadin7中設置MenuItem標題

是否有任何可能性來自定義Vaadin 7 Menuitem，以便文本位於左側，不在右側，並且與圖標均勻對齊？第二個問題是，是否有可能給頂級菜單提供與其他級別不同的風格？我可以在Vaadin7中設置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>

來源

2016-09-28 Mar Foo

試圖迫使它：

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

來源

2016-09-28 06:04:35 Gabbax0r

這是行不通的。還有另一個問題。如果我對頂層進行了設計，我的子菜單將會被打破。 –

你能給我一個小提琴嗎？這將是更容易看到問題是什麼 – Gabbax0r

嘗試這樣做

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

如果你想在vaadin文檔中看到更多的css文件，可以在

來源

2016-10-05 04:46:14

我可以在Vaadin7中設置MenuItem標題

回答

相關問題