New to Kendo UI for Angular? Start a free 30-day trial


ProductProgress® Kendo UI for Angular TextBox


How can I change the color of the TextBox placeholder?


Use the kendo-textbox selector which utilizes the ::placeholder input CSS pseudo-element.

        kendo-textbox .k-input-inner::placeholder {
                color: #4287f5;

If the project is configured to use SCSS, then the following variable can be used instead $kendo-input-placeholder-text: blue;.

The following example demonstrates the suggested approach.

View Source
Change Theme:

In this article

Not finding the help you need?