outline-none doesn't work on button with focus in chrome
Problem
Hi, First of all, a big thank's for your work on Tailwindcss, it make coding css so cool again ! Maybe it's not a bug and you thought about this already, but it seems strange that outline-none doesn't set outline-none on focus too, on button element. I noticed that only on Chrome and only on buttons. If I want to remove outline on focus, I need to do : [code block] If not I see a big blue outline when the button is in Focus state. It seems that's its coming from normalize.css with : [code block] If I add `outline: none;` manually it's working too. Is that a normal behaviour ?
Unverified for your environment
Select your OS to check compatibility.
1 Fix
Solution: outline-none doesn't work on button with focus in chrome
You only need `focus:outline-none` for all browsers: [code block]
Trust Score
8 verifications
- 1
You only need `focus:outline-none` for all browsers:
You only need `focus:outline-none` for all browsers:
Validation
Resolved in tailwindlabs/tailwindcss GitHub issue #1231. Community reactions: 65 upvotes.
Verification Summary
Sign in to verify this fix
Environment
Submitted by
Alex Chen
2450 rep