Применение стилей CSS к Asp.Net DataPager Next/Previous кнопки

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 (По существу, один должен быть поплыл влево и один поплыл вправо)

Благодарности

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> 

Итак, вы должны объявить следующую и предыдущую кнопку в своей разметке.