他の箇所をクリックしたらcssのfocusが消えるのを防ぎたい

Question

現在Reactとtypescriptを用いて開発をしております。
CSSはstyledComponentを採用しております。

 &:focus {
    background-color:#fff};
  }

CSSをfocus（クリックしたら）今クリックしているサイドメニューのボタンの背景を変えたいのですが、別の要素にフォーカスが移ると、スタイリングは失われます。解決策はありますでしょうか？

やりたい実装としては自分がクリックしている箇所の背景をずっと白色を保ち、他の箇所をクリックしたらその箇所の背景の色を変えて以前の背景の色を元に色に戻す実装です。