DataPager 分页样式（css）

最新推荐文章于 2021-06-22 14:53:04 发布

1361976860

最新推荐文章于 2021-06-22 14:53:04 发布

阅读量233

点赞数

原文链接：http://www.cnblogs.com/chenhaibo/p/3222822.html

版权

 <asp:DataPager ID="DataPager1" runat="server" PagedControlID="LV" PageSize="20">
                <Fields>
                    <asp:NextPreviousPagerField ShowFirstPageButton="True" ShowNextPageButton="False"
                        ShowPreviousPageButton="False" FirstPageText="&lt;&lt;" 
                        LastPageText="尾页" />
                    <asp:NumericPagerField ButtonCount="5" CurrentPageLabelCssClass="current" />
                    <asp:NextPreviousPagerField ShowLastPageButton="True" ShowNextPageButton="False"
                        ShowPreviousPageButton="False" FirstPageText="首页" 
                        LastPageText="&gt;&gt;" />
                </Fields>
            </asp:DataPager>

PagedControlID="LV" 对应的是 asp:ListView ID="LV"

current.css

/*页面分页样式*/
     
span#ContentPlaceHolder1_DataPager1 a.aspNetDisabled
{
    border: 1px solid #382a4a;
    padding: 2px 5px;
    margin: 2px;
    color: #4c3766;
    text-decoration: none;
}

span#ContentPlaceHolder1_DataPager2 a.aspNetDisabled
{
    border: 1px solid #382a4a;
    padding: 2px 5px;
    margin: 2px;
    color: #4c3766;
    text-decoration: none;
}

span#ContentPlaceHolder1_DataPager3 a.aspNetDisabled
{
    border: 1px solid #382a4a;
    padding: 2px 5px;
    margin: 2px;
    color: #4c3766;
    text-decoration: none;
}

#ContentPlaceHolder1_DataPager1 a
{
    border: 1px solid #563f83;
    padding: 2px 5px;
    margin: 2px;
    color: #9966FF;
    text-decoration: none;
}

#ContentPlaceHolder1_DataPager2 a
{
    border: 1px solid #563f83;
    padding: 2px 5px;
    margin: 2px;
    color: #9966FF;
    text-decoration: none;
}

#ContentPlaceHolder1_DataPager3 a
{
    border: 1px solid #563f83;
    padding: 2px 5px;
    margin: 2px;
    color: #9966FF;
    text-decoration: none;
}

#ContentPlaceHolder1_DataPager1 a:hover
{
    border: 1px solid #9966FF;
}

#ContentPlaceHolder1_DataPager2 a:hover
{
    border: 1px solid #9966FF;
}

#ContentPlaceHolder1_DataPager3 a:hover
{
    border: 1px solid #9966FF;
}

.current
{
    border: 1px solid #9933FF;
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    color: #fff;
    background-color: #CC66FF;
}