html - 在 <asp : Label> 中嵌入 CSS 样式、事件超链接

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

我会尝试将 active 放在 li 元素上，这样它会覆盖整个链接:

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