This question is locked. New answers and comments are not allowed.
I am struggling mightily with struggling with targeting these nested menu items. All I want to do is give them a different background color than the panel bars I have above them. They are inheriting from the panelbars. I can change the background color by changing .t-panelbar .t-link. The problem is it changes the panelbars AND the menu items below:
<td style="width:10%;vertical-align: top;">
@Html.Telerik().Menu().Name("MenuLetters").HighlightPath(true).Orientation(MenuOrientation.Vertical).OpenOnClick(true).ClientEvents(events => events.OnLoad("onLoad").OnClose("onClose").OnSelect("onSelect").OnOpen("onOpen")).HtmlAttributes(new { style = "font-size:10pt;" }).Items(menu =>
{
menu.Add().Text("#");
menu.Add().Text("A");
menu.Add().Text("B");
menu.Add().Text("C");
menu.Add().Text("D");
menu.Add().Text("E");
menu.Add().Text("F");
menu.Add().Text("G");
menu.Add().Text("H");
menu.Add().Text("I");
menu.Add().Text("J");
menu.Add().Text("K");
menu.Add().Text("L");
menu.Add().Text("M");
menu.Add().Text("N");
menu.Add().Text("O");
menu.Add().Text("P");
menu.Add().Text("Q");
menu.Add().Text("R");
menu.Add().Text("S");
menu.Add().Text("T");
menu.Add().Text("U");
menu.Add().Text("V");
menu.Add().Text("W");
menu.Add().Text("X");
menu.Add().Text("Y");
menu.Add().Text("Z");
})
</td>
How do I target the background color of ONLY these items?
<td style="width:10%;vertical-align: top;">
@Html.Telerik().Menu().Name("MenuLetters").HighlightPath(true).Orientation(MenuOrientation.Vertical).OpenOnClick(true).ClientEvents(events => events.OnLoad("onLoad").OnClose("onClose").OnSelect("onSelect").OnOpen("onOpen")).HtmlAttributes(new { style = "font-size:10pt;" }).Items(menu =>
{
menu.Add().Text("#");
menu.Add().Text("A");
menu.Add().Text("B");
menu.Add().Text("C");
menu.Add().Text("D");
menu.Add().Text("E");
menu.Add().Text("F");
menu.Add().Text("G");
menu.Add().Text("H");
menu.Add().Text("I");
menu.Add().Text("J");
menu.Add().Text("K");
menu.Add().Text("L");
menu.Add().Text("M");
menu.Add().Text("N");
menu.Add().Text("O");
menu.Add().Text("P");
menu.Add().Text("Q");
menu.Add().Text("R");
menu.Add().Text("S");
menu.Add().Text("T");
menu.Add().Text("U");
menu.Add().Text("V");
menu.Add().Text("W");
menu.Add().Text("X");
menu.Add().Text("Y");
menu.Add().Text("Z");
})
</td>
How do I target the background color of ONLY these items?