Kendo Dropdown : Suggestion list hover on selected value showing red highlight -How to remove the red highlight

[Sankar]

Hi Team,

I am using Kendo Dropdown.

on Suggestion list if I selected one value and hover on the selection showing red highlight, As per my requirement I should not use any red colors.

How to remove the red highlight?

Please refer the attachment

Thanks

Sankar

[miguel]

Hi Team,

I am using Kendo Dropdown.

on Suggestion list if I selected one value and hover on the selection showing red highlight, As per my requirement I should not use any red colors.

How to remove the red highlight?

Please refer the attachment

 

[Dimiter Topalov]

Hello Sankar,

You can overwrite the built-in styling in CSS by targeting the respective selected element (.k-list .k-item.k-state-selected) and its hovered state (.k-list .k-item.k-state-selected:hover) and providing the desired custom styling, e.g.:

encapsulation: ViewEncapsulation.None,
  styles: [`
    .k-list .k-item.k-state-selected, .k-list .k-item.k-state-selected:hover {
      background-color: transparent;
      color: inherit;
    }
  `]

https://plnkr.co/edit/dfD723IQRcaXXYrKOEHG?p=preview

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Sankar]

Thanks Dimiter Topalov .

working as expected

[Ravindra]

I want to set radius and selected option item background color but above css styling not working for "kendo-pager-page-sizes" k-list. I need help in this. Thanks !!

 

[Ravindra]

I resolved the issue. Please skip above comment.