background- color : selected item

[Loyal User]

hi,

how to set a background color for selected item only,
i tried with multiple codes but the original background-image didn't be override.

[Princy]

Hi,

Try the below CSS which works fine at my end.

CSS:

.RadMenu_Default a.rmSelected
{
    background-color: Red !important;
}
.RadMenu_Default .rmGroup a.rmSelected .rmText
{
    background-image: none !important;
    background-color: Red !important;
}

Thanks,
Princy.

[Loyal User]

it doesn't work , the radmenu.png background-image still exists

[Princy]

Hi,

Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code snippet which works fine at my end.

ASPX:

<telerik:RadMenu ID="rmenuDemo" runat="server" ClickToOpen="true">
    <Items>
        <telerik:RadMenuItem Text="Item1">
            <Items>
                <telerik:RadMenuItem Text="Item1.1">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Item2">
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

CSS:

.RadMenu_Default a.rmSelected
{
    background-color: Red !important;
}
.RadMenu_Default .rmGroup a.rmSelected .rmText
{
    background-image: none !important;
    background-color: Red !important;
}

Thanks,
Princy.