Изменить цвет кнопки в Tailwind/TypeScript, когда кнопка активна ⇐ CSS

[Anonymous]

У меня есть объект «Карусель», содержащий кнопки. Эти кнопки представляют содержимое «Семестра», показанное ниже (изображение представлено ниже).
[img]https://i.stack. imgur.com/TrjP5.png[/img]

Я хочу, чтобы кнопка «Семестр 1» по умолчанию была темно-синей, а при нажатии другой кнопки я хочу, чтобы эта кнопка была темно-синей.
На данный момент я могу добиться этого, добавив следующий класс focus: к компоненту кнопки, но, поскольку это класс фокуса, он становится светло-голубым, когда я нажимаю где-нибудь еще и кнопка «1 семестр» по умолчанию не темно-синяя:

Код: Выделить всё

class="rounded-full w-64 dark:bg-blue-300 dark:hover:bg-blue-500 focus:bg-blue-500"

Я пытался добавить class="active:bg-blue-500", но безуспешно.
Почему не работает добавление активного класса и как смогу ли я справиться с этой задачей?

Подробнее здесь: https://stackoverflow.com/questions/766 ... -is-active