kendo-combobox style changes

1 Answer 164 Views
ComboBox
Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
Jyothi asked on 15 Dec 2022, 12:00 AM

Hi 

We recently upgraded to Angular 14 and had to upgrade kendo-dropdown as well.

After the upgrade we see some style changes for the kendo-combobox.

How do we change the border of the combo box to blue when it is selected. Right now, it is black. See image below.

Would like it to have a blue border when selected instead of black. see attached file combo-box-selected-b;ue.

 

1 Answer, 1 is accepted

Sort by
0
Veselin
Telerik team
answered on 16 Dec 2022, 12:27 PM

Hi Jyothi,

You can change the color of the ComboBox border and its shadow by adjusting the .k-focus CSS class. Please see the below example for further reference: 

https://stackblitz.com/edit/angular-d6blut 

To eliminate any future discrepancies please make sure you use the latest version of the Kendo for Angular UI ComboBox Component (v.7.2.4). 

I hope this helps. 

Regards,
Veselin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ComboBox
Asked by
Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Veselin
Telerik team
Share this question
or