This is a migrated thread and some comments may be shown as answers.

Styling elements on focus?

2 Answers 836 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Ian
Top achievements
Rank 2
Ian asked on 11 May 2017, 10:55 AM

Hi,

We've found that on some of our elements (such as DropDownList and AutoComplete) the background and font colours clash when focus is put on the element. The attached screenshots show that after picking an option, the box is left unreadable until the user moves focus away from it.

We've not been able to work out which CSS styles we should be overriding to alter the styling here. Does anyone have any hints?

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimiter Topalov
Telerik team
answered on 11 May 2017, 01:52 PM
Hi Jehad,

When the widget is focused, the "k-state-focused" class is added to the "k-dropdown-wrap" element. You can overwrite the built-in rules, making sure to provide enough specificity, in accordance with your preference, e.g.:

http://dojo.telerik.com/iTiMe

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Ian
Top achievements
Rank 2
answered on 11 May 2017, 05:08 PM

Hi Dimiter,

Thank you very much.

Tags
General Discussions
Asked by
Ian
Top achievements
Rank 2
Answers by
Dimiter Topalov
Telerik team
Ian
Top achievements
Rank 2
Share this question
or