Javascript KendoUI工具栏拆分按钮自动高亮显示下拉列表中的第一个选项。如何使所有选项看起来相同

KendoUI工具栏splitButton自动高亮显示dropdownlist中的第一个选项（部分在提供的链接中，在我的情况下，完全高亮显示）。

在这个url中，如果我们观察的话，Insert选项的“Insert over”设置为蓝色而不是黑色。第段也是如此。

---

我怎样才能让它们看起来都一样呢

你可以像那样定制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>

.k按钮.k状态聚焦，.k按钮：聚焦{
边界：0px！重要；
背景色：#ffffff！重要；
}
.k按钮.k状态聚焦.k按钮：悬停{
背景色：#F4！重要；
}
.k-list-option标记.k-state-selected.k-state-focused{
背景色：#ffffff！重要；
边界：0px！重要；
}
.k-list-optionlabel.k-state-selected.k-state-focused:悬停{
背景色：#F4！重要；
}

您可以像这样定制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>

.k按钮.k状态聚焦，.k按钮：聚焦{
边界：0px！重要；
背景色：#ffffff！重要；
}
.k按钮.k状态聚焦.k按钮：悬停{
背景色：#F4！重要；
}
.k-list-option标记.k-state-selected.k-state-focused{
背景色：#ffffff！重要；
边界：0px！重要；
}
.k-list-optionlabel.k-state-selected.k-state-focused:悬停{
背景色：#F4！重要；
}

谢谢你的建议。我是网络编程新手。我确实更改了css文件，但是，只更改了主菜单按钮，而没有更改选项。我这样添加了…Html:css文件：#rpt-toolbarOptions.k-button.k-state-focused，#rpt-toolbarOptions.k-button:focus{border:0px；background color:#9FC5F8；}#rpt-toolbarOptions.k-button.k-state-focused，#rpt-toolbarOptions.k-button:hover{background color:#c1d4d1；}和其他类似的选项，我加上了按钮$scope.toolbarOptions={items:[{type:“splitButton”，text:“New Report”，menuButtons:[{text:“Insert”}，{text:“Create”}，{text:“Download”}]，选中：“false”}]可以尝试在此处演示您的案例并更新链接吗？谢谢您的建议。我对web编程不熟悉。我确实更改了css文件，但只更改了主菜单按钮，而没有更改选项。我添加了以下内容…Html:css文件：#rpt toolbarOptions.k-button.k-state-focused，#rpt toolbarOptions.k-button:focus{border:0px；background color:#9FC5F8；}#rpt toolbarOptions.k-button.k-state-focused，#rpt toolbarOptions.k-button:hover{background color:#c1d4d1；}和其他类似的选项在角度中，我添加了按钮。$scope.toolbarOptions={items:[{type:“splitButton”，text:“新建报告”，菜单按钮：[{text:“插入”}，{text:“创建”}，{text:“下载”}]，选中：“false”}]可以尝试在此处演示您的案例并更新链接吗？