The disabled items in RadMenu have wrong styles applied and look like enabled.
WORKAROUND:
.RadMenu .rmGroup a.rmLink.rmDisabled,
.RadMenu .rmGroup a.rmLink.rmDisabled:hover {
color: #677277;
}
.RadMenu .rmGroup a.rmLink.rmDisabled.rmFocused {
box-shadow: inset 0 0 3px 1px;
}
Steps to reproduce:
<telerik:RadMenu ID="RadMenu1" runat="server" RenderMode="Classic" Skin="Glow">
<Items>
<telerik:RadMenuItem Text="Home" NavigateUrl="Default.aspx">
<Items>
<telerik:RadMenuItem Text="Disabled" Enabled="false"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Home row2"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Home row3"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Home row4"></telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem IsSeparator="true" />
<telerik:RadMenuItem Text="Grid Page" NavigateUrl="Grid.aspx" />
<telerik:RadMenuItem IsSeparator="true" />
<telerik:RadMenuItem Text="About" Enabled="false" />
<telerik:RadMenuItem IsSeparator="true" />
</Items>
</telerik:RadMenu>