應用CSS樣式Asp.Net DataPager的下一首/上一個按鈕

Question

如果我有folling數據尋呼機

<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下一步/上一個按鈕（本質上有一個保持向左浮動和一個右浮動）

感謝

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> 

所以你必須在你的標記中聲明下一個和上一個按鈕。