クリックしたら、色の変化を維持したい。

Question

http://uu-hokkaido.cedars.jp/renewal.shtml

こちらのメインビジュアルの北海道の地図の上のピンクの丸をクリックすると、
濃いピンクの色が、他の場所をクリックするまで維持したいのですが、そうするにはどうすればよいでしょうか？

今は、:hoverにしていますが、
:active
:focus
:focus-within
:visited

全部試しましたが上手くいきませんでした。

お分かりになる方いましたら、ご教授願います。

Comments

[m.ts10806]

現在のコードと実際に試したコードを提示し、「何がどううまくいかなかったか」分かるように質問に追記してください。

[m.ts10806]

CSSだけで実現する必要があるのでしょうか。

[veronica]

ご覧いただきありがとうございます。すみません、慣れていないもので。。。

[m.ts10806]

質問は編集できますので基本的に追記修正依頼はそちらで応えて頂けたらと

Answer 1

マルチポストをしてしまって、こちらで回答頂けましたので、解決済みです。

https://ja.stackoverflow.com/questions/56242/%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e3%81%97%e3%81%9f%e3%82%89-%e8%89%b2%e3%81%ae%e5%a4%89%e5%8c%96%e3%82%92%e7%b6%ad%e6%8c%81%e3%81%97%e3%81%9f%e3%81%84/56250#56250

Comments

[m.ts10806]

マルチポストであればなるべくはじめから質問に明記されたほうが良いかと。
https://teratail.com/help#posted-otherservice
>質問内容にマルチポストをする理由を書き、他のサイトの投稿へのリンクを貼ってください。

[veronica]

すみません、ご迷惑おかけいたしました。
マルチポストした理由は、マルチポストという存在を知らなかったので、複数のサイトで質問をしていました。

[m.ts10806]

リンクもできればマークダウン利用されたほうが良いかと思います。