如何从 kendo 下拉列表中禁用蓝色突出显示

Question

如何禁用此 kendo 列表中的蓝色突出显示：

提前致谢

Answer 1

您可以通过一些创意风格覆盖来实现您想要的效果。即

<style>
    .k-item.k-state-selected.k-state-focused:not(:hover) {
        background-color: transparent;
        color: inherit;
    }
</style>

将摆脱蓝色突出显示颜色，但在悬停时仍显示灰色突出显示，并将字体颜色修复回黑色。所以你得到透明的黑色而不是蓝色的白色。

但是可能很难让 CSS 选择器恰到好处地只更改您想要的特定样式而不影响页面上使用类似样式选择器的其他 kendo 小部件。

在这种情况下获得正确的样式规则特别困难，因为弹出的列表部分是断开连接的弹出窗口，它不是下拉列表的子项，因此您不能使用子选择器来仅定位下拉列表弹出窗口。 ..正如您在我的 dojo 示例中看到的那样，两个下拉列表都会受到影响，组合框和任何其他使用相同样式规则的 kendo 小部件也会受到影响。

How to disable blue highlight from kendo dropdown list