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:

enter image description here

on picture, glyphicon highlighted. want highlight whole. how can highlight whole truck data menu? in normal html worked, in asp.net, icon highlighted.


Comments

Popular posts from this blog

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

android - How to create dynamically Fragment pager adapter -

1111. appearing after print sequence - php -