1

HTML ヘルパー WebGrid のスタイルを設定しようとしていますが、ページのレンダリング時にスタイル クラスが表示されません。

ここに私のスタイルコードがあります:

.gridTable
{
    margin: 5px;
    padding: 10px;
    border: 1px solid #000000;
    border-collapse: collapse;
    min-width: 550px;
    background-color: #fff;
    color: #fff;
}
.gridHead th{font-weight: bold;background-color: #030D8D;color: #fff;padding: 10px}
.gridHead a:link,.gridHead a:visited,.gridHead a:active,.gridHead a:hover {color: #fff;}
.gridHead a:hover {text-decoration:underline;}
.gridTable tr.gridAltRow
{
    background-color: #FFFF99;
}
.gridTable tr:hover
{
    background-color: #CCFFCC;
}
.gridAltRow td
{
    padding: 10px;
    margin: 5px;
    color: #333;
}
.gridRow td{padding: 10px;color: #333;}
.gridFooter td{padding: 10px; background-color: #c7d1d6;color: #999;font-size: 12pt;text-align: center;}
.gridFooter a{font-weight: bold;color: #333; border: 1px #333 solid;}

ここに私のウェブグリッドコードがあります:

@grid.GetHtml(tableStyle:"gridTable",
                  headerStyle:"gridHead",
                  alternatingRowStyle:"gridAltRow",
                  rowStyle:"gridRow",
                  displayHeader:true,
                  columns:grid.Columns(
                  grid.Column(header:"", format: @<text>@item.GetSelectLink("Edit")</text>),
                                        grid.Column(columnName: "EntityName", header: "Name"),
                                        grid.Column(columnName: "EntityDBA", header: "DBA"),
                                        grid.Column(columnName: "EntityType", header: "Type")),
                   mode: WebGridPagerModes.All)

スタイルが適用されない理由が見つからない理由はありますか?

4

1 に答える 1

1

スタイルが適用されない理由は 2 つあります。レイアウト ページで正しく参照されていないか、ビューにスタイルを持ち込んでいる場合です。または、ブラウザーのキャッシュをクリアして、css ファイルの更新を表示できるようにする必要がある場合があります。

于 2013-11-01T19:12:02.580 に答える