2 votes

Changer la couleur du bouton en utilisant css ou tailwind

J'essaie de changer la couleur des boutons lorsque le bouton principal est cliqué, une couleur change, pourquoi la couleur des autres boutons ne change pas, est-ce parce que c'est en dehors du bouton principal ? <div> comment puis-je y parvenir, sans supprimer aucun div.

code

button.one:focus~div.two {
  background-color: rgba(185, 28, 28, 1);
}

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet" />

<div>

<button class="one   bg-red-400 font-bold px-4 py-4 rounded-lg">MAIN BUTTON</button>

<div class="two bg-blue-400 font-bold  px-4 py-4 rounded-lg">RED
</div>

</div>

<div class="two bg-blue-400 font-bold  px-4 py-4 rounded-lg">MAKE THIS RED TOO</div>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X