如何在 kendo 网格行悬停时设置边框

Question

我用 Kendo 创建了一个网格，我想在光标位于网格行上（悬停）时显示边框。

我试过这个：

.k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover
{
   background-color: transparent;
   border:1px solid #000
}

但它对我不起作用。有办法吗？

Answer 1

您可以尝试在 tr:hover 上添加 outline 并播放内容和 header 以匹配它。

.k-grid tbody tr:hover {
    background-color: #ebebeb;
    outline: #4CAF50 solid 2px;
}

.k-grid-content {
    padding: 1px;
}

.k-grid-header-wrap {
    padding: 1px;
}

例如：Grid tr outline