为什么剃刀中的td元素无法识别样式？

Question

我在Razor代码的HTML表中有此列。我想根据状态值更改其背景。

  <td @(@InspectionReport.Status == 0 ? style = "Background-Color: lightgreen;" : @InspectionReport.Status == 1 ? style = "Background-Color: lightgray;" : @InspectionReport.Status == 2 ? style = "Background-Color: blue;" : @InspectionReport.Status == 3 ? style = "Background-Color: yellow;" : "")>

但它表示

  

样式在当前上下文中不存在

Answer 1

而不是直接使用样式，而是在td元素中使用某些类

<td class="@(InspectionReport.Status == 0 ? "lightgreen" : InspectionReport.Status == 1 ? "lightgray" :InspectionReport.Status == 2 ? "blue" : InspectionReport.Status == 3 ? "yellow" : "")"></td>

然后在您的 css 文件中创建类，如下所示：

td.lightgreen{
    background-color:lightgreen;
}
td.lightgray{
    background-color:lightgreen;
}
td.blue{
    background-color:blue;
}
td.yellow{
    background-color:yellow;
}