css - 当元素为selectable = false时如何将样式应用于asp.net菜单

我正在使用asp.net菜单控件。根据用户的权限，我将菜单上的某些项目设置为selectable = false。因此，asp.net取消了链接，非常酷。但我想使其在视觉上明显不同，例如变灰。即，我想对selectable = true项目和selectable = false项目使用不同的CSS样式。有什么办法吗？我看不到任何选择。

最佳答案

只需在CSS中找到没有'＃'href的链接。

<style>
        .MenuExample a:not([href='#']) {
            background-color: red !important;
        }
    </style>
<asp:Menu ID="Menu1" runat="server" StaticDisplayLevels="3" CssClass="MenuExample">
          <Items>
            <asp:MenuItem Text="File" Value="File">
              <asp:MenuItem Text="New" Value="New"></asp:MenuItem>
              <asp:MenuItem Text="Open" Value="Open" Selectable="false"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="Edit" Value="Edit">
              <asp:MenuItem Text="Copy" Value="Copy"></asp:MenuItem>
              <asp:MenuItem Text="Paste" Value="Paste"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="View" Value="View">
              <asp:MenuItem Text="Normal" Value="Normal"></asp:MenuItem>
              <asp:MenuItem Text="Preview" Value="Preview"></asp:MenuItem>
            </asp:MenuItem>
          </Items>
        </asp:Menu>]