asp.net - 如何覆盖光标:text in the asp:menu for non-clickable items?

Question

我在主页上有一个菜单控件。菜单的数据源是网站 map 。

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

我想做的是使可点击的(我的意思是当你点击这个链接时你会转到一些网址)只有底层的页面。因此，在此示例中，可点击页面为:Page1、SubPage1A、SubPageSubPage1、SubPageSubPage2 和 SubPage1C。

为了使其他页面不可点击，我从网站 map xml 中删除了“url”属性。现在，当我打开页面时，我会看到为所有不可点击项目分配的光标:文本样式(“I”)和为可点击项目分配的光标:指针(手)。

我知道我可以管理将它们分配给 .但这仅适用于层次结构中的一堆项目。但我需要在同一层次结构级别有不同的光标样式。

是否有任何方法可以覆盖光标:不可点击项目的任何其他文本样式并保持手形光标可点击？

谢谢

Answer 1

带有子菜单的菜单项呈现为带有 h​​ref="#"的超链接。在 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 和 Windows 7 上 IE7 模式下的 IE 8 上进行测试。