javascript - KendoUI 工具栏 splitButton 自动突出显示下拉列表中的第一个选项。如何使所有选项看起来都一样

标签 javascript html kendo-ui telerik split-button

KendoUI 工具栏 splitButton 自动突出显示(部分在提供的链接中,在我的情况下,完全突出显示)下拉列表中的第一个选项。 http://demos.telerik.com/kendo-ui/toolbar/index

在此网址中,如果我们观察到,“插入”选项将“在上方插入”设置为蓝色而不是黑色。对于段落也是如此。 我怎样才能让它们看起来都一样。

最佳答案

你可以像这样自定义CSS

<style>
    .k-button.k-state-focused, .k-button:focus {
      border: 0px !important; 
      background-color: #ffffff !important;
    }

    .k-button.k-state-focused, .k-button:hover {
      background-color: #f4f4f4 !important;
    }

    .k-list-optionlabel.k-state-selected.k-state-focused{
      background-color: #ffffff !important;
      border: 0px !important; 
    }
    .k-list-optionlabel.k-state-selected.k-state-focused:hover{
      background-color: #f4f4f4 !important;
    }
</style>

关于javascript - KendoUI 工具栏 splitButton 自动突出显示下拉列表中的第一个选项。如何使所有选项看起来都一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35999066/

相关文章:

javascript - 使用 jquery 自定义简单亚马逊类型星级评级 :lt

javascript - 如何在Javascript中打乱句子并保留空间位置?

javascript - 如何找到具有未知值的数据属性的元素?

javascript - Redux reducers 初始化相同的状态键

javascript - 如何使 div 与页面上的特定 td 对齐?

javascript - Kendo Treeview 复选框与选定节点一起选中

html - 为什么标题、容器和导航栏 div 位于 ul div 之上?

html - Bootstrap 选项卡上的不当行为

javascript - 带标签的 Kendo 图表模板,内部显示 html 标签

angular - 在 Angular 应用程序中以编程方式折叠 Kendo UI 网格详细信息