css - Selected menu Highlight ASP.Net Web Forms -
i have code on truckdata page:
<!-- begin sidebar --> <div class="left side-menu" style="background: #99ccff"> <div class="body rows scroll-y" style="background: #99ccff; margin-top: 50px; padding-top: 40px"> <!-- sidebar menu --> <div id="sidebar-menu"> <ul> <li> <asp:hyperlink id="hyperlink_truckdata" runat="server" text="truck data" navigateurl="~/view/truckdata.aspx" font-underline="false" style="font-size: 18px; color: black"> <i class="glyphicon glyphicon-info-sign" style="color:black; background: #e8d73e"></i> truck data</asp:hyperlink> </li> <li> <asp:hyperlink id="hyperlink_maintenancerecord" runat="server" navigateurl="~/view/maintenancerecord.aspx" font-underline="false" style="font-size: 18px; color: black"> <i class="glyphicon glyphicon-info-sign" style="color:black"> </i> maintenance record</asp:hyperlink> </li> <li> <asp:hyperlink id="hyperlink_maintenanceschedule" runat="server" text="maintenance schedule" navigateurl="~/view/maintenanceschedule.aspx" font-underline="false" style="font-size: 18px; color: black"> <i class="glyphicon glyphicon-calendar" style="color:black"> </i> maintenance schedule </asp:hyperlink> </li> <li> <asp:hyperlink id="hyperlink_inspection" runat="server" text="inspection" navigateurl="~/view/inspection.aspx" font-underline="false" style="font-size: 18px; color: black"> <i class="glyphicon glyphicon-calendar" style="color:black"></i> inspection </asp:hyperlink> </li> </ul> </div><!-- end div #sidebar-menu --> </div><!-- end div .body .rows .scroll-y --> </div> <!-- end sidebar -->
and css:
.row a:hover { background-color: #6699ff; } .row a:active { background-color: #; } .row a:visited { background-color: #; } .row a:selected { background-color: #63d130; }
this output:
on picture, glyphicon highlighted. want highlight whole. how can highlight whole truck data menu? in normal html worked, in asp.net, icon highlighted.
Comments
Post a Comment