asp.net - 将 CSS 样式应用于 Asp.Net DataPager 下一个/上一个按钮

Question

如果我有以下数据寻呼机

<asp:DataPager ID="DataPager1" runat="server" PagedControlID="lstBlogPosts"
    PageSize="1" onprerender="DataPager1_PreRender" >                       
    <Fields>
        <asp:NextPreviousPagerField ButtonType="Image"
            NextPageImageUrl="~/_Content/images/blog/btn-next.jpg"
            PreviousPageImageUrl="~/_Content/images/blog/btn-previous.jpg" />
    </Fields>
</asp:DataPager>

如何使用 CSS 设置 Next/Previous 按钮的样式（基本上一个必须向左浮动，一个必须向右浮动）

谢谢

Answer 1

您的 DataPager 将如下所示：

    <asp:DataPager ID="DataPager1" runat="server" PagedControlID="lstBlogPosts" PageSize="1" onprerender="DataPager1_PreRender">
                <Fields>
                      <asp:NextPreviousPagerField ButtonType="Image" PreviousPageImageUrl="~/_Content/images/blog/btn-previous.jpg" ButtonCssClass="prew-item"  ShowNextPageButton="false"/>
                      <asp:NextPreviousPagerField ButtonType="Image" NextPageImageUrl="~/_Content/images/blog/btn-next.jpg" ButtonCssClass="next-item" ShowPreviousPageButton="false" />
                </Fields>
            </asp:DataPager>

因此，您必须在标记中声明下一个和上一个按钮。