Hi Peter,
In general, the demonstrated approach for adding an icon to the textbox in the Demo is intended to be used with the Less-based Themes and will not work for the Sass-based Themes. However, you could resolve both the issues as follows:
The placeholder color issue could be resolved by adding the k-input class to the nested <input /> element:
The box-shadow issue is more tricky, as when the nested <input> element is focused, its parent box-shadow should be set. This can be achieved in two ways:
1) With JavaScript(
Dojo example):
2) With CSS(
Dojo example):
The above used focus-within select has
limited browser support, thus take this into consideration in case you would like to use the CSS approach.
Regards,
Dimitar
Progress Telerik
Get
quickly onboard and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.
Learn More.