KendoUI工具欄splitButton會自動突出顯示下拉列表中的第一個選項。如何使所有選項看起來相同

KendoUI工具欄splitButton會自動突出顯示（部分位於提供的鏈接中，完全是）下拉列表中的第一個選項。 http://demos.telerik.com/kendo-ui/toolbar/index KendoUI工具欄splitButton會自動突出顯示下拉列表中的第一個選項。如何使所有選項看起來相同

在這個URL中，如果我們觀察，Insert選項的「Insert Above」設置爲藍色而不是黑色。段落類似。我怎樣才能讓他們看起來都一樣。

來源

2016-03-14 Sailoosha

您可以自定義的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>

來源

2016-03-15 08:33:37

感謝您的建議。我是網絡編程的新手。我沒有改變CSS文件，但是，只有主菜單按鈕被更改，但沒有選項。我像這樣添加... – Sailoosha

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; }和其他選項以類似的方式 – Sailoosha

在角度上，我添加了按鈕。 $ scope.toolbarOptions = {項目：[{ 類型：「splitButton」，文字：「新報告」， menuButtons：[{ 文字：「插入」}，{ 文字：「創建」}，{ 文本：「下載」} ]，選擇：「false」 }] – Sailoosha

KendoUI工具欄splitButton會自動突出顯示下拉列表中的第一個選項。如何使所有選項看起來相同

回答

相關問題