-1

次のように、gridview の asp.net ページでブートストラップ 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 クラスを使用するか、または を使用するかのいずれかのオプションの 1 つだけを使用してalternating row style CSSください。CSS.

また、CSS を異常な方法で使用していることにも注意しました。このように使うべきでした。

.gridview1{}

乾杯！！！

于 2013-10-25T09:30:29.193 に答える