Highlight Control on Focus in Angular
By default, Wijmo Input controls do not get highlighted when they come into focus. We can change this by adding some CSS to the control's class.
Steps to Complete:
1. Add a class to the control
2. Assign border style to the CSS class on focus-within
Add a class to the control
First, you'll need to add a class to the control so that we can append CSS to it when it goes into focus
Assign border style to the CSS class on focus-within
Next, CSS will need to be added to place a border around the control when it gains focus.
Focus-within is used because the textbox that you can enter information into is another element within the actual control. Focus-within will apply the CSS when an element within the class receives focus.
You can find a live sample of this project at this location: https://stackblitz.com/edit/wijmo-knowledgebase-angular-input-highlight-on-focus