Как удалить border-bottom в выбранной строке сетки кендо

Question

У меня есть сетка с кендо, когда я изменил цвет фона выбранной строки, но когда я выбрал строку, он также показывает мне нижнюю границу, как на изображении

Я хочу удалить эту синюю линию. Также я попробовал css, как это, но не сработало.

.k-grid .k-state-selected tr {
    border-bottom: none;
}

Как решить эту проблему?

Answer 1

Если посмотреть страницу Kendo Grid по выбору сетки, то она выглядит как строка (tr) с классом k-state-selected.

Вышеупомянутый селектор CSS, который вы выбрали попытка использовать говорит, что элемент, который вы пытаетесь стилизовать, является тегом tr, который является предком элемента с классом k-state-selected.

Это не так, как Сам ряд - это то, что имеет этот класс. Вы можете исправить это так:

.k-grid tr.k-state-selected {
    border-bottom: none;
}