打开排序时出现ASP.NET GridView CSS问题
发布时间:2020-12-16 09:29:21 所属栏目:asp.Net 来源:网络整理
导读:我在ASP.NET应用程序中创建了一个GridView,并使用自动格式工具应用了一个有吸引力的样式.现在我将样式标记移动到CSS工作表上,我有一个奇怪的问题,标题行中的文本不是正确的颜色(它应该是白色但它显示为亮蓝色).此问题仅在我打开排序时显示. 其他一切都很好.
我在ASP.NET应用程序中创建了一个GridView,并使用自动格式工具应用了一个有吸引力的样式.现在我将样式标记移动到CSS工作表上,我有一个奇怪的问题,标题行中的文本不是正确的颜色(它应该是白色但它显示为亮蓝色).此问题仅在我打开排序时显示.
其他一切都很好.例如,我可以将标题背景更改为红色,它将变为红色,其余的网格样式将适当应用. 有没有人知道这笔交易是什么?我在下面列出了代码段.我也是CSS的新手.如果有人有任何提示,以某种方式使我的CSS标记更好,请告诉我. 谢谢! 这是ASP.NET代码.我可以在HeaderStyle中添加ForeColor =“White”,一切正常. <asp:GridView ID="GridView1" runat="server" CssClass="grid" AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="SqlDataSource1" EmptyDataText="There are no data records to display." AllowSorting="True" CellPadding="4" GridLines="Both"> <FooterStyle CssClass="grid-footer" /> <RowStyle CssClass="grid-row" /> <Columns> <asp:BoundField DataField="Kingdom" HeaderText="Kingdom" SortExpression="Kingdom" /> <asp:BoundField DataField="Phylum" HeaderText="Phylum" SortExpression="Phylum" /> <asp:BoundField DataField="GenusSpeciesStrain" HeaderText="Genus species (strain)" SortExpression="GenusSpeciesStrain" /> <asp:BoundField DataField="Family" HeaderText="Family" SortExpression="Family" /> <asp:BoundField DataField="Subfamily" HeaderText="Subfamily" SortExpression="Subfamily" /> <asp:BoundField DataField="ElectronInput" HeaderText="Electron Input" SortExpression="ElectronInput" /> <asp:BoundField DataField="OperonLayout" HeaderText="Operon Layout" SortExpression="OperonLayout" /> </Columns> <PagerStyle CssClass="grid-pager" /> <SelectedRowStyle CssClass="grid-selected-row" /> <HeaderStyle CssClass="grid-header" /> <EditRowStyle CssClass="grid-row-edit" /> <AlternatingRowStyle CssClass="grid-row-alternating" /> 这是我正在使用的样式表中的内容: body { } .grid { color: #333333; } .grid-row { background-color: #EFF3FB; } .grid-row-alternating { background-color: White; } .grid-selected-row { color: #333333; background-color: #D1DDF1; font-weight: bold; } .grid-header,.grid-footer { color: White; background-color: #507CD1; font-weight: bold; } .grid-pager { color: White; background-color: #2461BF; text-align: center; } .grid-row-edit { background-color: #2461BF; } 解决方法
我猜测亮蓝色非常类似于超链接的颜色.
使gridview可排序意味着您的标题内部将有一个标记,而不仅仅是纯文本. 这应该排序: .grid-header a { color: White; background-color: #507CD1; font-weight: bold; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- Asp.Net Web API跨层传递用户
- asp.net-mvc – 添加为视图的链接intellisense
- asp.net – RouteTable.Routes和HttpConfiguration.Routes之
- asp.net-mvc – mvc.net如何在迭代列表时使用强类型助手
- asp.net-mvc – 为什么我得到一个“无法更新EntitySet,因为
- asp.net-mvc – ASP.NET MVC 4 – @Section中Javascript函数
- asp.net mvc更新多条记录
- asp.net-mvc – 使用Html.RouteLink添加一个css类
- asp.net-3.5 – 我可以查看soap wcf调用发出的原始请求
- 如何为部署到aws弹性beanstalk的ASP.NET应用程序设置应用程
推荐文章
站长推荐
- asp.net-mvc – 在ASP.NET MVC中对ViewModels进行
- 将我的思维模式从ASP.NET迁移到ASP.NET MVC(2)时
- asp.net – DropDownList对于不选择值的集合
- 将ASP.NET MVC4应用程序部署到GoDaddy编译器问题
- Asp.Net Mvc表单提交之List集合
- asp.net – 是否可以使用OAuth2来保护“非休息”
- 在ASP.NET中实现404的最佳方式
- asp.net-mvc – ASP.Net MVC 3 – HandleError属
- 如何从经典ASP输出Excel * .xls文件
- 如何使用ASP.NET MVC Web API OData链接到Razor中
热点阅读