Dropdown and Grid filter icon - Both have same style classes (k-picker-solid)

[RAMAKRISHNAN]

I have been trying to use kendo-dropdown-list and kendo-grid in the same page. If I change the styles of k-picker-solid along with dropdown list, filter icon template is also getting affected. 

[Zornitsa]

Hi, 

The described behavior is expected since the built-in filter of the Grid component internally uses a DropDownList that contains the mentioned 'k-picker-solid' class. 

Therefore, in order to have the desired styles applied only to the DropDownList, the developer should use a more specific selector or add their own custom class to the component and use it as a CSS selector for the corresponding element:

 <kendo-dropdownlist
      class="myDropDownList"
       ...
></kendo-dropdownlist>

.myDropDownList {
    background-color: red
}

Here is also a StackBlitz example for a better observation of the approach:

• https://stackblitz.com/edit/angular-wwangu 

Hope that the provided information is helpful.

Regards,
Zornitsa
Progress Telerik