Почему стиль не распознается элементом td в бритве?

Question

У меня есть этот столбец в таблице HTML в коде Razor.Я хочу изменить свой фон на основе значения статуса.

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