2012-02-07 10 views
0

私は単純な問題があります:WebGridヘッダーは、その背景色を変更しません。フッター、交互の列... CSSプロパティの背景色または背景の変更に応答しない唯一の要素はヘッダーです。誰でもこの問題に遭遇しましたか?私はGetHtml方法でheaderStyle: "webgrid-header"を入れWebGridヘッダーはCSSを使用して背景色を変更しません - ASP.NET MVC 3

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

をそして、例えば、私が働いている別のものを出してあげる:ここ

は、私が使用しているCSSですビューで誰でも助けてくれますか? (そして、私の英語には申し訳ありません)

+0

'padding'を行います'text-align''' height'と 'border'スタイルは' .webgrid-header'で動作しますか?私は、問題が背景色にあるのかクラスの名前にあるのかを理解しようとしています。 – Bazzz

+0

はい、それらはすべて動作します。ちょうど '背景色'と '背景'は動作しません。クレイジー! :( –

答えて

-2

テーブルセルには、行の背景に描画される独自の背景があります。

+0

私は理解していません...なぜ 'background-color'は' .webgrid-alternating-row'で動作しますか?背景色は変わり、ヘッダーは変わりません! –

+0

Hmmm ... Firebugの要素を見て、背景がどこから来るのかを確認してください – SLaks

+0

完了!Firebugはまだ分かっていません - 今すぐWeb開発を開始しました:)問題は、CSSプロパティー 'table th'の' background-それは '.webgrid-header'の中の一つを支配します。どうもありがとうございました! –

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

+0

ええ、それは間違いありませんが、webgridでそれを支配していた "th"にはもう一つの "背景色"がありました。その答えは、Firebugツールを使って実際に実行されているCSSプロパティを見つけるという考えです。 –

+0

もっと明確にするために別の答えを書いたのかもしれませんか? –

+0

@pfedsが正しい場合は、「テーブルth」を上書きするために、「.webgrid-header th」をcssに追加する必要があります。私は行方不明を修正した。 "彼の元の答え(彼がリンクしている記事の構文を参照してください)。 IE9ユーザーの場合、F12を押すと、FireboxのFirebugと基本的に同じ機能を持つDeveloper Toolsが開きます。 – Joe

関連する問題