css - WebGrid header 不会使用 CSS 更改背景颜色 - ASP.NET MVC 3

Question

我有一个简单的问题:WebGrid 标题不会改变它的背景颜色。它的每个其他元素都会响应 CSS 中的更改:页脚、交替列...唯一不响应 CSS 属性 background-color 或背景更改的元素是标题。有人遇到过这个问题吗？

这是我正在使用的 CSS:

.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;
}

我把 headerStyle: "webgrid-header" 放在 View 的 GetHtml 方法中。谁能帮我？ (对不起我的英语!)

Answer 1

我对上面的回答和评论有点困惑。

为了WebGrid的css，需要在webgrid-header中指定一个th来设置背景色，如:

.webgrid-header th
{
    background-color: #666;
}

查看此帖子 - http://www.websitesorcery.com/post/2012/03/12/Styling-the-ASPNET-MVC-WebGrid.aspx