...
You can use CSS to make the focus indicator more visually apparent and keyboard-friendly.
Markup
Code Block |
---|
<label for="name">Your name:</label> <input class="form-visual-indicator" id="name" type="text"><button>Submit</button> <button>Add Hours</button> <button>Next</button> |
CSS
Code Block |
---|
button:focus { border: 5px solid #CC8405#000000; } |