我正在使用 ASP:Menu,我希望菜单如下所示。请建议如何应用 CSS 以及我应该进行哪些更改?
产品
- 有存货
- 缺货
订单
- 订单
- 销售订单
- 延期交货
- 发票
ASP:菜单代码如下。
<asp:Menu runat="server" ID="Navigator" MaximumDynamicDisplayLevels="0" StaticDisplayLevels="3"
Orientation="Vertical" DataSourceID="RelativeSiteMapDataSource" />
Update1:由 ASP:menu 生成的当前 html 如下所示。
<ul class="Menu">
<li class="Menu-Leaf"><a href="prodxeon/products.aspx"; class="Menu-Link" title="Products">Products</a></li>
<li class="Menu-Leaf"><a href="prodxeon/orders.aspx"; class="Menu-Link" title="Orders">Orders</a></li>
<ul>
<li class="Menu-Leaf"><a href="http://pdxeon/po.aspx" class="Menu-Link" title="Purchase Orders">Purchase Orders</a></li>
<li class="Menu-Leaf"><a href="http://pdxeon/so.aspx" class="Menu-Link" title="Sales Orders">Sales Orders</a></li>
<ul>
<li class="Menu-Leaf"><a href="http://pdxeon/Bso.aspx" class="Menu-Link" title="Back Orders">Back Orders</a></li>
<li class="Menu-Leaf"><a href="http://pdxeon/iso.aspx" class="Menu-Link" title="Invoices">Invoices</a></li>
</ul>
</ul>