嵌入CSS樣式，<asp: Label>

Question

活動超鏈接我有這樣的代碼在我的網頁

<div id="sidebar-menu"> 
         <ul> 
          <li><asp:HyperLink ID="hyperlink_TruckData" runat="server" CssClass="" 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;"></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 glyph icon-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> 
          <li> 
           <asp:hyperlink id="hyperlink_MaintenanceChecklist" runat="server" text="inspection" navigateurl="~/view/maintenancechecklist.aspx" font-underline="false" style="font-size: 18px; color: black"> 
           <i class="glyphicon glyphicon-calendar" style="color:black"></i> 
           Maintenance Checklist </asp:hyperlink> 
          </li> 
         </ul> 
        </div><!-- End div #sidebar-menu --> 
      </div><!-- End div .body .rows .scroll-y --> 
     </div> 

什麼CSS樣式將使active加以強調？我想突出顯示我點擊過的當前頁面。我在我目前的css上有這個。

#sidebar-menu > ul > li > a.Link:Active{ 
    color: #fff; 
    background: #fff; 
} 

請幫幫我。

Answer 1

我會嘗試把活動li元素上，這樣就覆蓋了整個鏈接：

#sidebar-menu > ul > li:Active{ 
    color: #fff; 
    background: highlight; 
}