<p>我有一个带有多个列和每行一个单选按钮的表格。当我选择特定的按钮时，我需要改变整行的背景颜色。这个能实现吗？</p> <pre class="brush:php;toolbar:false;">&lt;tr class="flex items-center p-4 space-x-4 border hover:bg-indigo-50"&gt; &lt;input type="radio" name="user" id="{{ user.id }}"&gt; &lt;label for="{{ user.id }}"&gt;{{ user.email }}&lt;/label&gt; &lt;div&gt;{{ user.name }}&lt;/div&gt; &lt;/tr&gt;</pre> <p>在Tailwind中，可以使用"peer"类来样式化相邻的块。但是我需要样式化父级块（当&lt;input&gt;被选中时，父级块的背景颜色应该改变）。</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>