Bootstrap5のformのフォーカスを消す（無効）にする

無効にする方法

Bootstrap5のformのフォーカス（選択したときに青くまわりが光るやつ）を無効にする方法にだいぶてこずったので書いときます。

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); 
}

これを

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: none;
  /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
}

この変更をするとほとんどのフォームのフォーカスが無効になるのでご注意ください。