如何自定义所选Kendo UI Grid行的背景颜色

Question

我是一名Kendo UI新手。在我的Asp.Net MVC应用程序中，我使用Kendo UI Grid小部件并配置Grid，以便用户可以选择Grid行，如：

$("#gridSurvey").kendoGrid({
                dataSource: {
                    type: "json",
                    transport: {
                        read: {
                            url: "/MyController/GetItemList",  

                            ...
                selectable: "row",
                change: function(e)
                {
                    var entityGrid = $("#gridItems").data("kendoGrid");
                    _selectedItem = entityGrid.dataItem(entityGrid.select());

                },
                ...

默认情况下，当用户单击某一行时，所选网格行的选定行会突出显示某些内置颜色。如何自定义/将所选行的背景颜色更改为透明或其他颜色？我更喜欢透明的背景色。请帮忙。提前谢谢。

Answer 1

.k-grid .k-state-selected { background: blue; }

Answer 2

.k-grid td.k-state-selected:hover, .k-grid tr:hover {
    color: #fff;
    background-color: darkslategray;
}