How override cursor:text in the asp:menu for non-clickable items?

Question

I have a menu control on the master page. The datasource for the menu is a websitemap.

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

What i want to do is to make clickable(i mean when u click on this link you go to some url) only pages on the bottom level. So, from this example clickable pages would be : Page1, SubPage1A, SubPageSubPage1, SubPageSubPage2 and SubPage1C.

To make other pages non-clickable i remove "url" attribute from the websitemap xml. For now, when i open the page i see the cursor:text style assigned for all non-clickable items (it's 'I') and cursor:pointer (hand) for clickable items.

I know that i can manage cursor styles assigning them for . But that works only for a bunch of items in a hiearchy. But i need to have different cursor styles at the same hierarchy level.

Are there any way to override the cursor:text style by any other for non-clickable items and keep the hand cursor for clickable?

Thanks

Answer 1

Fundamentally, I would create a base CSS style for your entire menu and or menu level that has the cursor state that will be most used. Then, override the style inline or with a different CSS class at run-time, when you know you want something different(ie: during MenuItemDataBound). This methodology could be applied at any level of your hierarchy.

This link goes over the standard setup of static and dynamic styles for this control.