dropdown defaultItem template

[Hernando]

how can edit the dropdown defaultitem cell , I want to change the background colour and font size . thanks 

 

[Martin Bechev]

Hi Hernando,

I noticed that we already have a private discussion about this requirement, but I will share the response here for the auditory:

To customize the options inside the DropDownList, custom CSS needs to be used.

Since the options are rendered inside a Popup container which is rendered at the root level of the application, you can create a custom CSS selector that targets the desired label like:

https://stackblitz.com/edit/angular-5vogn8

or use the built-in popupSettings of the DropDownList to increase the CSS specificity (avoid styling other Popups in the same way):

https://stackblitz.com/edit/angular-5vogn8-f5f1ob

In case the styling of other elements of the DropDownList must be customized, inspect the components and create the necessary CSS selectors. As the popup closes when the component is blurred, please check the following article on how to inspect the component's popup:

https://www.telerik.com/kendo-angular-ui/components/knowledge-base/dropdowns-popup-inspection/

Regards,
Martin
Progress Telerik