如何在剑道网格行悬停上设置边框

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并使用内容和标题进行匹配。

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

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

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

例如：网格 tr 轮廓