c# - pager style in skin gridview in asp.net -

c# - pager style in skin gridview in asp.net -

hi trying create skin gridview contain css files

every thing work fine pager number style on hover didn't alter color of font dont know why

skin code :

<asp:gridview runat="server" width="95%" autogeneratecolumns="false" skinid="gridblue" cellpadding="4" forecolor="#333333" horizontalalign="center" font-size="10" font-names="arial" borderwidth="2px" allowpaging="true" pagesize="5" allowsorting="true"> <headerstyle font-bold="true" forecolor="#faf6e0" height="30px" cssclass="gv_hd" /> <footerstyle font-bold="true" forecolor="#faf6e0" height="30px" cssclass="gv_ft" /> <rowstyle backcolor="#faf6e0" cssclass="gv_row" height="30px" /> <alternatingrowstyle backcolor="#ede0b9" cssclass="gv_row" height="30px"/> <pagersettings mode="numeric" /> <pagerstyle height="35px" cssclass="gv_pgr" verticalalign="middle" horizontalalign="center" /> <editrowstyle backcolor="#dfc987" verticalalign="middle" horizontalalign="center" cssclass="gv_slct" forecolor="#5f5f5f" /> <selectedrowstyle backcolor="#dfc987" verticalalign="middle" horizontalalign="center" font-bold="true" cssclass="gv_slct" forecolor="#5f5f5f" /> <emptydatatemplate> <center><h1 class="gv_mpty">no records found</h1></center> </emptydatatemplate> </asp:gridview>

css code :

.gv{text-align:center;} .gv_hd{height:22px;text-decoration:none;border:#5f5f5f solid 2px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #548975), color-stop(1, #37705a));background:-moz-linear-gradient(top, #548975 5%, #37705a 100%);background:-webkit-linear-gradient(top, #548975 5%, #37705a 100%);background:-o-linear-gradient(top, #548975 5%, #37705a 100%);background:-ms-linear-gradient(top, #548975 5%, #37705a 100%);background:linear-gradient(to bottom, #548975 5%, #37705a 100%);} .gv_hd a{text-decoration:none;} .gv_hd a:hover{text-decoration:underline;} .gv_hd a:active{text-decoration:underline;} .gv_ft{padding:10px;text-decoration:none;border:#5f5f5f solid 2px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #548975), color-stop(1, #37705a));background:-moz-linear-gradient(top, #548975 5%, #37705a 100%);background:-webkit-linear-gradient(top, #548975 5%, #37705a 100%);background:-o-linear-gradient(top, #548975 5%, #37705a 100%);background:-ms-linear-gradient(top, #548975 5%, #37705a 100%);background:linear-gradient(to bottom, #548975 5%, #37705a 100%);} .gv_row{text-align:center;color:#5f5f5f;padding:} .gv_row a{text-decoration:none;} .gv_row a:hover{text-decoration:underline;} .gv_pgr{color:#5f5f5f;padding:20px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #faf6e0), color-stop(1, #e7d6a1));background:-moz-linear-gradient(top, #faf6e0 5%, #e7d6a1 100%);background:-webkit-linear-gradient(top, #faf6e0 5%, #e7d6a1 100%);background:-o-linear-gradient(top, #faf6e0 5%, #e7d6a1 100%);background:-ms-linear-gradient(top, #faf6e0 5%, #e7d6a1 100%);background:linear-gradient(to bottom, #faf6e0 5%, #e7d6a1 100%);} .gv_pgr a{font-weight:bold;margin-top:10px;background-color:transparent;padding:4px 10px;text-decoration:none;border:1px solid #d9c074;} .gv_pgr a:hover{font-weight:bold;background-color:#548975;border:1px solid #d9c074;color:white;} .gv_pgr a:active{font-weight:bold;background-color:#548975;color:#faf6e0;border:1px solid #d9c074;} .gv_pgr span{background-color:#548975;color:#faf6e0;border:1px solid #d9c074;padding:4px 10px;} .gv_mpty{color:#5f5f5f;} .gv_slct a{text-decoration:none;text-align:center;} .gv_slct a:hover{text-decoration:underline;text-align:center;}

on hover font of pager didn't alter

when grid rendered, can utilize f12 check css, html. create sure row class want create highlight work.

c# css asp-classic