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

时间:2017-04-04 13:12:12

标签: kendo-ui kendo-dropdown

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

enter image description here

提前谢谢

1 个答案:

答案 0 :(得分:2)

您可以使用一些创意风格覆盖来获得所需的效果。 即。

<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示例中所看到的,两个下拉列表都会受到影响,组合框和任何其他使用相同样式规则的kendo小部件也会受到影响。