Question

我正在使用asp.net菜单控件。根据用户的权限，我将菜单上的一些项目设置为selectable = false。所以asp.net取消了链接，很酷。但是我想让它看起来明显不同，例如变灰了。即我想为selectable = true项目与selectable = false项目设置不同的CSS样式。有没有办法做到这一点？我没有看到它的选项。

Answer 1

只需找到没有＆＃39;＃＆＃39; href in css。

<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>]

如何在项目可选时将样式应用于asp.net菜单= false

1 个答案: