Open1
:focus { outline: none } するな
なぜ outline: none するのか
ボタンをマウスでクリックしたときに ブラウザデフォルトスタイルで outline が出るのがデザイン上イケてない
なぜ outline: none してはいけないのか
キーボードでブラウザを操作している人が、どこに focus をあてているのか分からなくなる
両立するには
再度の操作がマウスであれば outline を消せばいいし、最後の操作がキーボードだったら outline を表示すればいい