FG
💻 Software🌐 Web & Full-Stack

outline-none doesn't work on button with focus in chrome

Freshover 6 years ago
Mar 14, 20260 views
Confidence Score76%
76%

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

Canonical Fix
High Confidence Fix
76% confidence90% success rate8 verificationsLast verified Mar 14, 2026

Solution: outline-none doesn't work on button with focus in chrome

Low Risk

You only need `focus:outline-none` for all browsers: [code block]

76

Trust Score

8 verifications

90% success
  1. 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

Worked: 8
Partial: 1
Failed: 1
Last verified Mar 14, 2026

Sign in to verify this fix

Environment

Submitted by

AC

Alex Chen

2450 rep

Tags

tailwindcsscss