kendo-ui - filterable - kendo grid filter datasource

Cómo personalizar el color de fondo de una fila de Cuadrícula de UI Kendo seleccionada

Question

Soy un novato de UI de Kendo. En mi aplicación Asp.Net MVC utilizo el widget Kendo UI Grid y configuro esa Grid para que el usuario pueda seleccionar una fila de Grid como:

$("#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());

                },
                ...

De forma predeterminada, cuando el usuario hace clic en una fila, la fila seleccionada de la fila de Cuadrícula seleccionada se ilumina con un color incorporado. ¿Cómo puedo personalizar / cambiar ese color de fondo de esa fila seleccionada a transparente u otro color? Prefiero el color de fondo transparente. Por favor ayuda. Gracias de antemano.

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