如何在剑道网格行悬停时给出边框答案

【问题标题】：How to give border on kendo grid row hover如何在剑道网格行悬停时给出边框
【发布时间】：2020-04-02 13:33:25
【问题描述】：

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

我试过了：

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

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

【问题讨论】：

寻求代码帮助的问题必须包含重现它所需的最短代码在问题本身中最好在Stack Snippet 中。见How to create a Minimal, Reproducible Example
@Paulie_D 我可以补充什么对不起？我有剑道网格，我想在悬停时显示边框。我可以添加更多告诉我我可以添加。我也可以添加我的网格代码，但不需要这是 css 问题
td的背景怎么样，有吗？
@G-Cyrillus 不，我想在悬停时给边框全部“tr”。
我们可以用您提供的代码重现它吗？不...所以我们需要一个演示。

标签： javascript html css kendo-ui kendo-grid

【解决方案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

【讨论】：