Open1

:focus { outline: none } するな

amonamon

なぜ outline: none するのか

ボタンをマウスでクリックしたときに ブラウザデフォルトスタイルで outline が出るのがデザイン上イケてない

なぜ outline: none してはいけないのか

キーボードでブラウザを操作している人が、どこに focus をあてているのか分からなくなる

両立するには

再度の操作がマウスであれば outline を消せばいいし、最後の操作がキーボードだったら outline を表示すればいい

https://stackoverflow.com/questions/31402576/enable-focus-only-on-keyboard-use-or-tab-press