I am a Kendo UI newbie. In my Asp.Net MVC application I use Kendo UI Grid widget and and configure that Grid so user can select a Grid row like:

                dataSource: {
                    type: "json",
                    transport: {
                        read: {
                            url: "/MyController/GetItemList",  

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


By default, when user clicks on a row, the selected row of the selected Grid row is high-lighted with some built-in color. How can I customize/change that background color of that selected row to transparent or some other color? I prefer transparent background color. Please help. Thank you in advance.

Question author Thomas-benz | Source


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

Ask about this question here!