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

Question

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

Answer 1

简单地找到在 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>]