Tailwindで青枠を消す方法

1660 ワード
React JavaScript TypeScript tailwindcss JavaScript テキストリンク

起こっている問題

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;
} */

終わりに

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