How to override cursor: text in asp: menu for items without clicks?

Question

I have a menu control on the main page. The data source for the menu is a web map.

E.g., 
       HOME
            Page1 (clickable)
            Page2
                SubPage1A (clickable)
                SubPage2B
                   SubPageSubPage1 (clickable)
                   SubPageSubPage2 (clickable)
            Page3
                SubPage1C (clickable)

What I want to do is make clickable (I mean, when you click this link to some kind of URL) only at the lower level. Thus, from this example there will be pages with interactive access: Page1, SubPage1A, SubPageSubPage1, SubPageSubPage2 and SubPage1C.

To make other pages inaccessible, I remove the url attribute from websitemap xml. At the moment, when I open the page, I see the cursor: the text style assigned to all elements without clicks (this is the "I") and the cursor: pointer (hand) for elements available for clicks.

, , . hiearchy. .

: ?

Answer 1

href= "#". CSS , .

<asp:Menu ...>
    <StaticMenuItemStyle    CssClass="MenuItemClass" />
    <DynamicMenuItemStyle   CssClass="MenuItemClass" />
</asp:Menu>


a.MenuItemClass[href="#"]
{
    cursor: default !important;
}

FF 3.6.15, Google Chrome 10, Safari 5.0.3, IE 8 IE 8 IE7 Windows 7.