I am using an ASP.NET 4.0 Menu control with RenderingMode=List and am struggling with creating the appropriate CSS. Each menu item is represented by an <li> tag that contains a nested <a> tag with what appear to be fixed class names:

• <a class="level1"> for unselected level 1 menu items
• <a class="level2"> for unselected level 2 menu items
• <a class="level1 selected"> for the selected level 1 menu item

... etc...

What I want to do is to is to prevent the currently selected menu item from being "clickable". To do so I tried using:

if (menuItem.Selected) menuItem.Selectable = false;

This has the desired effect of removing the href attribute from the <a> tag but also removes the class attribute - and as a result my CSS can not identify what level the menu item belongs to!

Looks to me like a possible bug, but in any case I can't find any documentation describing what CSS class names are used, nor whether there is any way to control this (the old Style properties don't appear to have any effect). Ideally I would like to have "level" class attributes on the <li> tags, not just the nested <a> tags.