Override placeholder style

[Bryan Smouse]

Hello, 

I am trying to set the color of the placeholder text that appears in the kendo-autocomplete input box when there is no text in the box.  It is currently a light grey and I would like to change it to white (#ffffff).  Is it possible to override this?  

Thanks,

Bryan Smouse

[Martin]

Hi Bryan,

There is no built-in option to change the color of the placeholder, but this can be achieved using custom CSS. The ':placeholder' CSS selector applies to the placeholder text. The following rile will help us to modify the color of the placeholder of the AutoComplete component to blue:

kendo-autocomplete .k-searchbar ::placeholder{
  color: blue
 }

Check the example below to see the results:
https://stackblitz.com/edit/angular-hdm8mj-jndq1p?file=app/app.component.ts

I hope this helps. Let me know if any further assistance is required for Kendo UI for Angular.

Regards,
Martin
Progress Telerik

[Nazareth]

Hi, 

I am looking for the same solution, but for a kendo-combobox control.

I tried:

kendo-combobox .k-searchbar ::placeholder{

    color: blue

   }

 

But the placeholder color remains as default.

 

Regards,

Nazareth