Grid 如何阻止Telerik CSS覆盖本地更改？

我有一个剑道网格，默认的CSS背景色或“文本”颜色总是显示出来

我可以用第1行和第2行覆盖背景色，但是，它只是替换了颜色。我需要能够基于“InTruck”布尔字段设置颜色

我尝试了第5行和第6行，html标记被正确更新，有时我看到它在重置为默认值之前闪烁正确的颜色。我也尝试过加入！第3行和第5行很重要，仍然没有运气。在使用剑道/telerik css完成所有工作之后，似乎有什么东西在设置样式。我怎样才能阻止它

<style>
1    /*.k-grid-content>table>tbody>tr{background-color:lightgreen;}*/
2    /*.k-grid-content>table>tbody>.k-alt{background-color:red;}*/
3    .IN{color:lightgreen;}
</style>

<div id="divSearchResults">
@(Html.Kendo().Grid((IEnumerable<Models.SearchResult>)Model.SearchResults)
4   //        .Events(ev => ev.DataBound("Grid_onRowDataBound"))
5   //        .RowAction(row => { if (row.DataItem.InTruck) row.HtmlAttributes["style"] = "background-color:lightgreen"; else  row.HtmlAttributes["style"] = "background-color:red !important"; })
    .Name("grid")
6           .RowAction(row =>
        {
            if (row.DataItem.InTruck)
            {
                row.HtmlAttributes["class"] = "IN";
            }
        })
    .DataSource(ds => ds.Ajax()
        .PageSize(Constants.MaxSearchReults)
        .Model(mod =>
            {
                mod.Id(m => m.ID);
                mod.Field(p => p.Name).Editable(false);
                mod.Field(p => p.CarrierCode).Editable(false);
                mod.Field(p => p.CityState).Editable(false);
                mod.Field(p => p.Phone).Editable(false);
            }))

    .Columns(columns =>
    {
        columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' #= IsSelected ? checked='checked':'' # class='chkbx' value='#= CarrierID#' name='SelectedArea' />")
                .HeaderTemplate("<input type='checkbox' id='masterCheckBox' onclick='checkAll(this)'/>").Width(20);
        columns.Bound(p => p.Name).Filterable(false).Width(100);
        columns.Bound(p => p.CarrierCode).Filterable(false).Width(75);
        columns.Bound(p => p.CityState).Filterable(false).Width(100);
        columns.Bound(p => p.Phone).Filterable(false).Width(75);
    })
                .Editable(ed => ed.Mode(GridEditMode.InCell))
                .Pageable()
                .Sortable()
                .Scrollable()
                .Filterable()
)
</div> 

1/*.k-grid-content>table>tbody>tr{背景色：浅绿色；}*/
2/*.k-grid-content>table>tbody>k-alt{背景色：红色；}*/
3.在{颜色：浅绿色；}
@（Html.Kendo（）.Grid（（IEnumerable）Model.SearchResults）
4/.事件（ev=>ev.数据绑定（“Grid_onRowDataBound”））
5//.RowAction（row=>{if（row.DataItem.InTruck）row.HtmlAttributes[“style”]=“背景色：浅绿色”；else row.HtmlAttributes[“style”]=“背景色：红色！重要”；}）
.名称（“网格”）
6.行操作（行=>
{
if（row.DataItem.InTruck）
{
row.HtmlAttributes[“class”]=“IN”；
}
})
.DataSource（ds=>ds.Ajax（）
.PageSize（常数.MaxSearchReults）
.Model（mod=>
{
mod.Id（m=>m.Id）；
mod.字段（p=>p.Name）.可编辑（false）；
mod.字段（p=>p.CarrierCode）.可编辑（false）；
mod.字段（p=>p.CityState）.可编辑（false）；
mod.字段（p=>p.Phone）.可编辑（false）；
}))
.列（列=>
{
columns.Template（@）.ClientTemplate（“”）
.头部模板（“”）。宽度（20）；
columns.Bound（p=>p.Name）.Filterable（false）.Width（100）；
columns.Bound（p=>p.CarrierCode）.Filterable（false）.Width（75）；
columns.Bound（p=>p.CityState）.Filterable（false）.Width（100）；
columns.Bound（p=>p.Phone）.Filterable（false）.Width（75）；
})
.Editable（ed=>ed.Mode（GridEditMode.InCell））
.Pageable（）
.Sortable（）
.Scrollable（）
.可过滤（）
)

我从来都不知道如何做我想要的事情，但是，这个解决方案也有同样的效果，而且我认为它看起来比要求的更好、更容易。它会在复选框后面设置颜色，这样会有明显的色差，但不会花哨

 .Columns(columns =>
 {
    columns.Template(@<text></text>)
           .ClientTemplate("<span style='float:left; width:100%; background:#= InTruckMate ? \"lightgreen\" : \"palevioletred\"#'><input type='checkbox' #= IsSelected ? checked='checked':'' # class='chkbx' value='#= CarrierID#' name='SelectedArea' /></span>")
           .HeaderTemplate("<input type='checkbox' id='masterCheckBox' onclick='checkAll(this)'/>")
           .Width(25);
    columns.Bound(p => p.Name).Filterable(false).Width(100);

.Columns（Columns=>
{
columns.Template（@）
.ClientTemplate（“”）
.HeaderTemplate（“”）
.宽度（25）；
columns.Bound（p=>p.Name）.Filterable（false）.Width（100）；