javascript - 如何在剑道网格行悬停上给出边框

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;
}

例如:Grid tr outline