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

Environment

ProductProgress® Kendo UI for Angular TextBox

Description

How can I change the color of the TextBox placeholder?

Solution

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.

Example
View Source
Change Theme:

In this article

Not finding the help you need?