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

Question

如何禁用此剑道列表中的蓝色高亮显示：

提前谢谢你

Answer 1

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

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

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

http://dojo.telerik.com/@Stephen/EtUXE

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

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