More than 3 years have passed since last update.

Tailwindで青枠を消す方法

Posted at 2021-10-05

起こっている問題

Tailwindを使っていると、ボタンを押したときに青枠が出てきます。
設定しなくても勝手に出てくるので、消す方法を探しました。

tailwind.cssの下記のコードをコメントアウトします

tailwind.css

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

tailwind.css

/* button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
} */

これで青枠が消えました。
地味に気になるので、消えて良かったです！