css - Kendo 网格 - 悬停颜色变化不适用于谷歌浏览器

标签 css google-chrome kendo-ui kendo-grid kendo-ui-mvc

在我的剑道网格中,我通过包含在 telerik 论坛之一中建议的以下 css 代码实现了悬停颜色更改。

.k-grid table tr:hover {
    background :rgb(107, 188, 242) !important;
    cursor: pointer !important;
}

这在 IE 浏览器中工作得很好,但在谷歌浏览器中,当我从一行悬停到另一行时,颜色会部分保留(附图)。这里可能出了什么问题?

enter image description here

谢谢, 阿达什

最佳答案

有趣的是,当我像下面这样将鼠标悬停在 td 上时,效果很好!

.k-grid table tr:hover td {
    background :rgb(107, 188, 242) !important;
    cursor: pointer !important;
}

关于css - Kendo 网格 - 悬停颜色变化不适用于谷歌浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23799919/

相关文章:

javascript - 在模态内居中对齐 react-datetime

html - 可伸缩页眉和页脚的语义标记

html - 单选按钮在 IE 和 Firefox 中显示有额外的轮廓

适用于 Windows 的 Chrome 79 中的 Javascript 分析器 : What does self-time include?

javascript - 您如何强制 Linux 上的 Chrome 重新计算/重新呈现 ":hover"样式?

javascript - Kendo 网格 - 分组不适用于自定义编辑器下拉列表

javascript - 未捕获的 TypeError : Cannot call method 'removeClass' of undefined, 剑道小部件无法正常工作

html - IE 10-11 flex-basis 属性的行为不同于 webkit 浏览器

html - 某些 Chrome 用户无法呈现网页

c# - Kendo Datepicker 格式不起作用