focusした時の枠は、borderではなくoutlineを使う
CSS: borderを使っていて、
focus時と、非focus時のborderが異なり、ガタツキが気になって
CSS: box-sizingを見たりする、
という時に、そもそも用途がおかしいことを疑う
focus時のみに枠をつけるときは、CSS: outlineを使う
↑これを無理やりborderでやろうとすると、ワークアラウンドな対応が必要になる
透明なborderをつけておくとか
CSS: box-sizingを使うためにheightを指定するとか
borderの太さを統一するとか
etc.