Как удалить эффект наведения из строки сетки кендо, использующей загрузку

На днях я задал вопрос об удалении эффекта наведения в выбранной строке и получил правильный ответ, теперь у меня возникла проблема, потому что я использую кендо bootstrap css, и теперь удаление эффекта наведения на выбранной строке теперь не работает и Я пробовал несколько разных способов изменить эффект наведения, чтобы он оставался того же цвета, что и k-state-selected, и ни один из них не работает.

$("#grid").kendoGrid({
  columns: [{
      field: "name"
    },
    {
      field: "age"
    }
  ],
  dataSource: [{
      name: "Jane Doe",
      age: 30
    },
    {
      name: "John Doe",
      age: 33
    }
  ],
  selectable: "row"
});
.k-grid .k-state-selected {
  background: #ec971f;
}

.k-grid .k-state-selected:hover {
  background: #ec971f!important;
  color: #000;
}

.k-grid .table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background: #ec971f !important;
}

.k-grid .table-hover tbody .k-state-selected:hover {
  background: #ec971f !important;
}
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.bootstrap.min.css" />

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>

<div id="grid"></div>


css twitter-bootstrap kendo-grid hover tr
person Chris    schedule 15.12.2019    source источник
comment
хотя это и не очень хороший подход, но если вы за столом, у вас не будет событий-указателей. Вы можете просто сделать ‹div id=grid style=pointer-events: none›‹/div›. Это устранит влияние на наведение. Однако вы можете увидеть мой ответ, если хотите изменить CSS.   -  person Himanshu    schedule 15.12.2019