Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Accessible Input Focus Highlight

Solution: Accessible Input Focus Highlight

Let’s add a custom focus highlight to a text input for clear accessibility feedback.

We'll cover the following...

Problem description

Given an HTML page with a <input class="accessible-input" type="text" placeholder="Your name">, write CSS to meet the following requirements:

    ...