国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>我有一個(gè)帶有多個(gè)列和每行一個(gè)單選按鈕的表格。當(dāng)我選擇特定的按鈕時(shí)，我需要改變整行的背景顏色。這個(gè)能實(shí)現(xiàn)嗎？</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>在Tailwind中，可以使用"peer"類(lèi)來(lái)樣式化相鄰的塊。但是我需要樣式化父級(jí)塊（當(dāng)<input>被選中時(shí)，父級(jí)塊的背景顏色應(yīng)該改變）。</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>