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

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -