如何覆盖不可点击项目的 asp:menu 中的光标：文本？

发布于 2024-08-05 06:14:53 字数 696 浏览 5 评论 0原文

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

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

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

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

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

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

谢谢

原文

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无可置疑 2024-08-12 06:14:53

带有子菜单的菜单项呈现为带有 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 和 Windows 7 上 IE7 模式下的 IE 8 上进行了测试。

Menu items with submenus render as a hyperlink with href="#". In the CSS, select those hyperlinks as shown below.

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


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

Tested on FF 3.6.15, Google Chrome 10, Safari 5.0.3, IE 8 and IE 8 in IE7 mode on Windows 7.

回复收藏 0 原文

~没有更多了~