如何在劍道網格行懸停上設置邊框

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 輪廓