Стиль радиокнопки Vue Tailwindcss ⇐ CSS

[Anonymous]

Я пытаюсь создать компонент переключателя в vue и стилизовать его в соответствии с некоторыми реквизитами. Я скопировал простую реализацию с https://flowbite.com/docs/forms/radio, чтобы стилизовать его в соответствии с тем, что я например.
Вот фрагмент перед моим стилем:

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

Default radio






import {Color} from "../composables/useColor.ts";

const props = withDefaults(
defineProps(), {
value: "",
secondaryColor: "gray",
primaryColor: "azure",
checked: false

}
)

и вот как это выглядит.

проблема в том, что CSS не работает, и если я заменю все серые цвета на красные, я не замечу разницы. Я думаю, что либо браузеры перезаписывают мой стиль, либо мне чего-то не хватает в Tailwindcss.
Стиль, показанный на упомянутом выше веб-сайте, имеет синий цвет


Поэтому я думаю, очевидно, что что-то отсутствует, хотя я скопировал точный код в свой проект.
Мой вопрос в целом:

• Как избежать браузер перезаписывает мой Tailwindcss?
• Как правильно оформить переключатель в Tailwindcss?
• Что не так с кодом, который у меня уже есть?
• Что не так с кодом, который у меня уже есть?
• Как правильно оформить переключатель в Tailwindcss?
• Что не так с кодом, который у меня уже есть?
  li>

Подробнее здесь: https://stackoverflow.com/questions/786 ... on-styling