[Solved] How to change placeholder of kendo multiselect widget by css rules?

[Missing User]

How to change placeholder of kendo multiselect widget by css rules?

 

.k-multiselect-wrap > .k-input {
    color: #f02c0c; /* specify the default input color */ content: "HOME";
}

 

 

This rule doesn't work. Change the color, but not the content.

[Ivan Danchev]

Hi Federico,

The placeholder's text cannot be changed through CSS. If you want to set a new placeholder message you can do so with the widget's API as shown in this dojo. In it the initially set placeholder "Select..." is changed to "New...".

Regards,
Ivan Danchev
Progress Telerik

[Christina]

Is there something like this for Angular?

[Ivan Danchev]

Hi,

In Angular you can use the placeholder property to set the placeholder: https://stackblitz.com/edit/angular-vfkbk4-vrxf8p?file=app/app.component.ts

 

Regards,
Ivan Danchev
Progress Telerik

[Missing User]

How can we change placeholder color for kendo-multiselect in angular typescript?
I have tried multiple ways but it is not getting changed.

[Ivan Danchev]

Hi Nishtha,

The Kendo UI for Angular MultiSelect has its own forum: https://www.telerik.com/forums/kendo-angular-ui/multiselect If you have questions on the component and its configuration, please open a thread there.

Regards,
Ivan Danchev
Progress Telerik