<button> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<textarea> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<select> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="button"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="checkbox"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="color"> |
Purple outline |
Purple outline |
Does not receive focus |
Purple outline |
Purple outline |
<input type="date"> |
Purple outline |
Purple outline |
Focus moved into each field but overall component still receives Purple outline |
Purple outline |
Purple outline |
<input type="datetime-local"> |
Purple outline |
Purple outline |
Focus moved into each field but overall component still receives Purple outline |
Purple outline |
Purple outline |
<input type="email"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="file"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="image"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="month"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="number"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="password"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="radio"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="range"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="reset"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="search"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="submit"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="tel"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="text"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="time"> |
Purple outline |
Purple outline |
Focus moved into each field but overall component still receives Purple outline |
Purple outline |
Purple outline |
<input type="url"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
<input type="week"> |
Purple outline |
Purple outline |
Purple outline |
Purple outline |
Purple outline |