更改链接按钮的颜色和下划线

本文关键字：颜色下划线按钮链接 | 更新日期: 2023-09-27 18:21:55

我想更改颜色，并在数据列表的项目模板中放置的链接按钮的内容下加下划线，仅选中按钮

下面是我的代码，用于设置链接按钮

<asp:DataList ID="DlPaging" runat="server" BorderWidth="0" RepeatDirection="Horizontal">
  <ItemTemplate>
     <asp:LinkButton CssClass="pagenav" ID="LnkBtnPage" OnClientClick="clickfire(this.id);" runat="server" Visible="true">
        <%# Container.ItemIndex +1 %>
     </asp:LinkButton>
        <%--   <asp:Label runat="server" ID="LblPage" CssClass="pagenav2" Font-Bold="True" Visible="true"
                       Text='<%# Container.ItemIndex +1 %>'>
               </asp:Label>
        &nbsp;--%>
 </ItemTemplate>
 </asp:DataList>

更改链接按钮的颜色和下划线

使用CSS可以轻松完成您想要的内容。

.pagenav:hover {
    text-decoration: underline;
    color: blue;
}