<p>J'ai un tableau avec plusieurs colonnes et un bouton radio par ligne. Je dois changer la couleur d'arrière-plan de toute la ligne lorsque je sélectionne un bouton spécifique. Est-ce réalisable ? </p> <pre class="brush:php;toolbar:false;"><tr class="flex items-center p-4 space-x-4 border hover:bg-indigo-50"> <input type="radio" name="user" id="{{ user.id }}"> <label for="{{ user.id }}">{{ user.email }}</label> <div>{{ user.name }}</div> </tr></pre> <p>Dans Tailwind, vous pouvez utiliser la classe "peer" pour styliser les blocs adjacents. Mais je dois styliser le bloc parent (lorsque <input> est sélectionné, la couleur d'arrière-plan du bloc parent doit changer). </p>

tr:has(input:checked){
    background: green;
}

<script src="http://cdn.tailwindcss.com"></script>

<table>
    <tr class="flex items-center p-4 space-x-4 border hover:bg-indigo-50">
        <td>
            <input type="radio" name="user" id="{{ user.id }}">
            <label for="{{ user.id }}">{{ user.email }}</label>
            <div>{{ user.name }}</div>
        </td>
    </tr>
</table>