c# - pager style in skin gridview in asp.net -
Hello, I'm trying to create a skin for gridview, which contains CSS files
Everything Works fine but pager number on hover can not change the color of the font. I
Skin Code:
& lt; Asp: GridView runat = "server" width = "95%" auto generated column = "false" skin id = "grid" cellpadding = "4" ForeColor = "# 333333" horizontal alliance = "center" font-size = " 10 "font-name =" aerial "borderwidth =" 2px "AllowPaging =" true "PageSize =" 5 "allow =" true "& gt; & Lt; Header Style Font-Bold = "True" Foreclosure = "# FAF 6A" Height = "30px" CSS-Class = "GVHDHD" /> & Lt; FooterStyle font-bold = "True" ForeColor = "# faf6e0" height = "30px" CssClass = "gv_ft" /> & Lt; RowStyle BackColor = "# faf6e0" CssClass = "gv_row" height = "30px" /> & Lt; AlternatingRowStyle BackColor = "# ede0b9" CssClass = "gv_row" height = "30px" /> & Lt; PageSetting mode = "numeric" /> & Lt; PagerStyle Height = "35px" CssClass = "gv_pgr" Vertical Alliance = "Medium" Horizontal Alliance = "Center" /> & Lt; EditRowStyle BackColor = "# dfc987" Vertical Aligns = "center" horizontal align = "center" CssClass = "gv_slct" ForeColor = "# 5f5f5f" /> & Lt; SelectedRowStyle BackColor = "# dfc987" vertical aligns = "middle" horizontal alliance = "center" font-bold = "true" CssClass = "gv_slct" ForeColor = "# 5f5f5f" /> & Lt; EmptyDataTemplate & gt; & Lt; Center & gt; & Lt; H1 class = "gv_mpty" & gt; No Records Found & lt; / H1> & Lt; / Center & gt; & Lt; / EmptyDataTemplate & gt; & Lt; / ASP: GridView & gt; CSS code:
.gv {text-align: center;} .gv_hd {height: 22px; Text-decoration: none; Limit: # 5f5f5f solid 2px; Background: -webkit-gradient (linear, left top, left bottom, color-stop (0.05, # 548975), color-stop (1, # 37705a)); Background: -Mo-linear-shield (top, # 548975 5%, # 37705a 100%); Background: -webkit-linear-shield (top, # 548975 5%, # 37705a 100%); Background: -o-linear-gradient (top, # 548975 5%, background: linear-gradient (bottom, # 548975 5%, # 37705a 100%);} # 3707,51 100%); Background: -MMS-linear-gradient (top, # 548975 5%, # 37705a 100%); Gv_hd is 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: -Mo-linear-shield (top, # 548975 5%, # 37705a 100%); Background: -webkit-linear-shield (top, # 548975 5%, # 37705a 100%); Background: -Oil background-linear-shield (from top, # 548975) (Previous, # 548975 5%, # 37705a 100%); Background: -MMS-linear-gradient (top, # 548975 5%, # 37705a 100%); Background: linear-gradient 5%, # 37705a 100%);} .gv_row {text-align: center; Color: # 5f5f5f; Padding:} .gv_row {text-decoration: none;} .gv_row a: hover {text-decoration: underlined; } {.gv_pgr Color: # 5f5f5f; Padding: 20px; Background: -webkit-gradient (top left, bottom, color-stop (0.05, # faf6e0), color-stop (1, # e7d6a1) on the left side); Background: -moz linear-gradient (top, # faf6e0 5%, # 100% e7d6a1); Background: -webkit linear-shield (top, # faf6e0 5%, # 100% e7d6a1); Background: -O-Linear Shield (Top, # faf6e05%, # 100% e7d6a1); Background: MS linear shield (top, # faf6e0 5%, # 100% e7d6a1); Background: Linear-gradient to the bottom (, # faf6e0 5%, # 100% e7d6a1);} A {font-weight .gv_pgr: bold; Margin Top: 10px; Background color: transparent, padding: 10px 4px; Text Decoration: None; Border: 1px solid # d9c074;}. Gv_pgr a: Hover {font-weight: bold; Background-color: # 548975; Border: 1 px solid # d9c 074; Color: white;} .g v_pgr a: active {font-weight: bold; Background color: # 548,975; Color: # faf6e0; Border: 1px solid # d9c074;} .gv_pgr term {background color: # 548,975; Color: # faf6e0; Border: 1px solid # d9c074; Padding: 4px 10px;} .gv_mpty {Color:;:; Anyone according to the text: # 5f5f5f} {text-decoration .gv_slct center;} .gv_slct A: {text-decoration hover: underlined; Text align: center;} The font of the pager does not change over the hover
When grid is provided, you can use F12 to check CSS, HTML. Make sure that the row you want to highlight highlight
Comments
Post a Comment