javascript - それぞれ異なるスタイルの複数のボタン - クリック後にホバー状態を維持する必要があります

Question

3 つ以上のボタンがあり、それぞれのスタイルが異なります (境界線の色が異なり、ホバー時の背景色が異なります)。<li>（写真の背景位置を変更するアクションがあるため、で作成しました）。

クリックした後も同じホバー状態の外観を維持したいのですが、別のボタンをクリックすると通常の状態に戻ります。

これどうやってするの？前もって感謝します ：）

ps: 必要に応じて (この場合のように) css、js を使用して HTML で作業しています。