如何删除 kendo 网格选定行中的底部边框

Question

当我更改选定的行背景颜色时，我有带 kendo 的网格，但是当我选择行时，它也显示了底部边框，如图所示

我想删除那个蓝色 line.Also 我试过这样 css 但没有成功。

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

如何解决？

Answer 1

通过查看 Kendo 网格的网格选择页面，它看起来像是具有 class k-state-selected 的行 (tr)。

您尝试使用的上述 CSS 选择器表示您尝试设置样式的元素是 tr 标记，它是 ancestor 元素的 class k-state-selected.

这不是真的，因为行本身就是 class。您可以这样修复它：

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