asp.net - Asp.Net DataPager の次/前のボタンに CSS スタイルを適用する

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 でスタイリングするにはどうすればよいですか (基本的に、1 つを左に、もう 1 つを右にフロートする必要があります)。

ありがとう

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>

そのため、マークアップで次と前のボタンを宣言する必要があります。