show for in

Default Browser Focus Outline Styles

The following table was created manually by screenshotting and slicing test.html. The Panel above allows filtering the table and switching normal/focus styles (toggled by space).

What Firefox Chrome Safari IE11
Mac Win Mac Win Mac Win
text input with native appearance and native focus style
text input with native appearance and custom focus style
text input with appearance:none and native focus style
text input with appearance:none and custom focus style
checkbox input with native appearance and native focus style
checkbox input with native appearance and custom focus style
checkbox input with custom appearance and native focus style
checkbox input with custom appearance and custom focus style
radio input with native appearance and native focus style
radio input with native appearance and custom focus style
radio input with custom appearance and native focus style
radio input with custom appearance and custom focus style
button with native appearance and native focus style
button with native appearance and custom focus style
button with appearance:none and native focus style
button with appearance:none and native custom style
button with custom appearance and native focus style
button with custom appearance and native custom style
textarea with native appearance and native focus style
textarea with native appearance and custom focus style
textarea with appearance:none and native focus style
textarea with appearance:none and custom focus style
textarea with custom appearance and native focus style
textarea with custom appearance and custom focus style
link with native focus style
link with custom focus style
div with native focus style
div with custom focus style