KendoUI Toolbar splitButton automatically highlights the first option in the dropdownlist. How to make all options to looks the same

Question

KendoUI Toolbar splitButton automatically highlights(partially in the link provided and in my case, completely) the first option in the dropdownlist. http://demos.telerik.com/kendo-ui/toolbar/index

In this url, if we observe, the Insert option has "Insert Above" set to blue instead of black. Similarly for Paragraph. How can I make all of them look the same.

Answer 1

You can customize css like that

<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>