WebGrid标头不存在';使用CSS-ASP.NETMVC3更改背景色
我有一个简单的问题:WebGrid标题不会改变它的背景色。它的每一个其他元素都会响应CSS中的更改:页脚、交替列。。。唯一不响应CSS属性background color或background更改的元素是header。有人遇到过这个问题吗 以下是我正在使用的CSS:WebGrid标头不存在';使用CSS-ASP.NETMVC3更改背景色,css,asp.net-mvc,styling,webgrid,Css,Asp.net Mvc,Styling,Webgrid,我有一个简单的问题:WebGrid标题不会改变它的背景色。它的每一个其他元素都会响应CSS中的更改:页脚、交替列。。。唯一不响应CSS属性background color或background更改的元素是header。有人遇到过这个问题吗 以下是我正在使用的CSS: .webgrid-header { background-color: #F4F4F4; padding: 6px 5px; text-align: center; height: 40px;
.webgrid-header
{
background-color: #F4F4F4;
padding: 6px 5px;
text-align: center;
height: 40px;
border-bottom: 2px solid #959595;
border-top: 2px solid #CCCCCC;
border-left: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
}
举个例子,我会放另一个有效的:
.webgrid-alternating-row
{
background-color: #F4F4F4;
height: 30px;
border-bottom: 1px solid #d2d2d2;
border-left: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
}
我将
标题样式:“webgrid header”
放在视图中的GetHtml
方法中。有人能帮我吗?(对不起我的英语!)您的表格单元格有自己的背景,这些背景是在行的背景上绘制的。我被上面的答案和注释弄糊涂了
为了使用WebGrid css,有必要在WebGrid标题
中指定一个th
来设置背景颜色,例如:
.webgrid-header th
{
background-color: #666;
}
参见本文-是否在
上使用填充
文本对齐
高度
和边框
样式?我试图弄清楚问题是出在背景色上,还是出在类名上。是的,它们都有效。只有背景色
和背景
不起作用。疯了(我不明白…那么为什么背景色
在.webgrid alternative行中起作用呢?
?那里的背景会改变它的颜色;只是标题不改变!嗯…看看Firebug中的元素,看看背景从哪里来的完美!还不知道Firebug-现在刚刚开始web开发!)问题是CSS属性表th
中的背景色
在.webgrid header
中占主导地位。多谢各位-1这不是正确的答案,因为它不是真的,因此不可能是OP的答案。看看这里:tr
实际上有一个可以由css设置的背景属性。是的,这是正确的-但是“th”中的另一个“背景色”在webgrid中占主导地位。答案实际上是使用Firebug工具来发现哪个CSS属性正在实际运行。也许是这样写另一个答案来更清楚?@pfeds是正确的,您需要在CSS中添加一个“.webgrid header th”来覆盖“table th”。我更正了他原始答案中缺少的“.”(参见他链接的文章中的语法)。对于IE9用户,按F12打开开发工具,其功能基本上与FireFox中的Firebug相同。要访问Chrome中的开发工具,请按Ctrl+Shift+I。我想Safari和Opera也有类似的工具,但我现在还不知道。