Css 如何设置webgrid标题的自定义字体颜色？

我在启用排序的mvc web应用程序中使用webgrid

var grid = new WebGrid(
    source: Model,
    canPage: false,
    ajaxUpdateContainerId: "mainGrid"
    );

如果属性canSort=true（默认情况下），则标题名称的字体颜色始终为蓝色（尽管我使用css），但我想将其更改为另一种颜色

如何保持启用排序

我的代码：

视图：

---

所有其他样式正常工作，但当启用排序时，标题颜色不工作（当禁用排序时，它工作）。

在视图中呈现web网格时，请指定CSS类名：

<div>
    @grid.GetHtml(
            tableStyle: "webgrid-table",
            headerStyle: "webgrid-header",
            footerStyle: "webgrid-footer",
            alternatingRowStyle: "webgrid-alternating-row",
            selectedRowStyle: "webgrid-selected-row",
            rowStyle: "webgrid-row-style",
            mode: WebGridPagerModes.All,
            columns:
            // ... more stuff here
</div>

本页有更详细的说明：

---

我希望这有帮助

请你解释一下，当你说你想把它换成另一种颜色时，你的意思是什么？我指的是另一种颜色，即不默认使用CSS？这可能会对你有用。。。检查第二个linkI添加了一些代码。我检查了这个链接，但是没有用。很高兴听到。我认为您必须添加第二个CSS行来指向

a

标记？没错！（实际上，我是css方面的新手）

.header_table
{
background-color: limegreen;
color: black;
padding-bottom: 4px;
padding-top: 4px;
}

<div>
    @grid.GetHtml(
            tableStyle: "webgrid-table",
            headerStyle: "webgrid-header",
            footerStyle: "webgrid-footer",
            alternatingRowStyle: "webgrid-alternating-row",
            selectedRowStyle: "webgrid-selected-row",
            rowStyle: "webgrid-row-style",
            mode: WebGridPagerModes.All,
            columns:
            // ... more stuff here
</div>

.webgrid-header { color: #FF0000; background-color: #00FF00; }
.webgrid-header a { color: #FF0000; }