zoukankan      html  css  js  c++  java
  • DataPager 分页样式(css)

     <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;
    }
  • 相关阅读:
    DP——背包问题(三)
    堆——练习题
    DP——背包问题(二)
    二叉树的后序遍历(暴力版) 小白菜oj 1034
    树状数组2模板 Luogu 3368
    树状数组1模板 Luogu 3374
    DP——最长上升子序列(n^2与n log n)
    线段树(区间修改)模板题 Luogu 2357 守墓人
    c语言学习摘录
    python 学习摘录
  • 原文地址:https://www.cnblogs.com/chenhaibo/p/3222822.html
Copyright © 2011-2022 走看看