-1

我在 gridview 上的 asp.net 页面中使用 bootstrap css，如下所示：

<asp:GridView SkinID="VacanciesGridView" Runat="server" AllowSorting="True" AutoGenerateColumns="False" 
    BorderWidth="0" GridLines="None" CssClass="table table-condensed table-striped table-bordered table-hover gridview" >
     <RowStyle CssClass="gridRow1" />      
    <AlternatingRowStyle CssClass="gridRow2" />
</asp:GridView>

我正在尝试将自定义类应用于行样式和交替行样式。CSS类是这样的：

.gridview .gridRow1
{
    background-color: #f4f5f8;
}

.gridview .gridRow2
{
    background-color: #FFFFFF;
}

我注意到 gridviewrow2 已应用但 gridviewrow1 cssclass 未应用。我使用 firebug 进行了检查，发现正在使用 bootstrap.css 中的 css 类：

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th
{

}

我怎样才能覆盖这个css类。我还需要使用 gridview_rowcreated 更改 mouseover 和 mouseout 的颜色，所以我希望能够覆盖上面的 css 类，以便显示 gridRow1 样式。

4

1 回答 1

0

您到底想从中获得什么？

您正在使用rowstyle css自己的，同时您正在尝试使用引导类，如 table-hover 和 table-striped。请停止使用rowstyle并且alternating row style css.您可以使用 覆盖引导类css stylesheet。

请仅使用其中一个选项，要么选择table-striped提供备用行条带化的“”引导 CSS 类，要么选择alternating row style CSS，当你同时应用这两种方法时，引导程序会覆盖你的CSS.

另外，我注意到，您正在以一种不寻常的方式使用 CSS。你应该用过这种方式。

.gridview1{}

干杯！！！

于 2013-10-25T09:30:29.193 回答