如何在 gridvew asp.net 上将分页链接显示为按钮？

Question

我在 asp.net web 表单上工作。我遇到问题，我无法在网格视图控件上将分页链接显示为灰色背景的按钮。

我需要将 CSS 类分配给网格视图上的寻呼机样式，以将链接显示为按钮灰色，如下图所示

  <asp:GridView ID="GridViewSearchData" runat="server" AutoGenerateColumns="false" DataKeyNames="ID"   AllowPaging="true" OnPageIndexChanging="grdData_PageIndexChanging" PageSize="10" >
                               
                                 
                               
 <PagerStyle CssClass=""/>
</asp:GridView>

在 CSS 类上，我需要将类 CSS 分配给 CssClass 显示链接上的寻呼机样式作为按钮。 如果你能用另一种没有 CSS 的方式帮助我，我接受它。

   <style type="text/css">
   // what I write here 

    </style

预期结果

Answer 1

有大量寻呼机示例。

但是，放入这个样式表：

<style type="text/css">
    body {
        font-family: Arial;
        font-size: 10pt;
    }

    .GridPager a, .GridPager span {
        display: block;
        height: 20px;
        width: 18px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }

    .GridPager a {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
    }

    .GridPager span {
        background-color: #A1DCF2;
        color: #000;
        border: 1px solid #3AC0F2;
    }
</style>

现在为寻呼机设置类：

<PagerStyle CssClass="GridPager" />

现在我们看到/得到这个：

加载代码：