Click here to Skip to main content
15,881,852 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi , i want to change menu item color when click on item after page load ..

here my code is :
CSS
.usermenu {
    color: #800000;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #CC0000;
    height: 50px;
}


XML
<asp:Menu ID="visitor_main_menu" runat="server" Height="50px" Orientation="Horizontal" RenderingMode="Table" ForeColor="#999999" Width="500px" Font-Bold="True"  Font-Names="Cambria" OnMenuItemClick="visitor_main_menu_MenuItemClick">
                    <Items>
                        <asp:MenuItem Text="About-us" Value="About-us" NavigateUrl="~/visitor/aboutus.aspx"></asp:MenuItem>
                        <asp:MenuItem Text="Home" Value="Home" NavigateUrl="~/visitor/visitorhome.aspx"></asp:MenuItem>
                        <asp:MenuItem Text="Sign-up" Value="Sign-up" NavigateUrl ="~/visitor/signup.aspx"></asp:MenuItem>
                        <asp:MenuItem Text="Login"  Value="Login" NavigateUrl="~/visitor/userloginpage.aspx"></asp:MenuItem>
                        <asp:MenuItem Text="Search" Value="Search" NavigateUrl ="~/visitor/visitorsearch.aspx"></asp:MenuItem>
                        <asp:MenuItem Text="Contact-us" Value="Contact-us" NavigateUrl="~/visitor/contactus.aspx"></asp:MenuItem>
                        <asp:MenuItem Text="Feedback" Value="Feedback" NavigateUrl="~/visitor/feedback.aspx"></asp:MenuItem>
                    </Items>

                    <StaticHoverStyle CssClass="usermenu" ForeColor="#CC0000" />
                    <StaticSelectedStyle ForeColor="#CC0000"  CssClass ="usermenu"/>
Posted
Comments
Afzaal Ahmad Zeeshan 30-Aug-15 5:17am    
How did you apply the CSS class to the elements?

1 solution

Pass the css valu into menu item tag..
Like
<asp:menuitem text="Contact-us" value="Contact-us" navigateurl="~/visitor/contactus.aspx" cssclass="usermenu" xmlns:asp="#unknown">
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900