Question

目前,有<条码>和>;label>,有<条码>的;输入类型=radio>为儿童。这样做是为了可点击标签,并选择儿童电台的投入。

<div id="content">
    <label class="option">
        <input type="radio" name="letters" value="a" />
        <a>A</a>
        <p>Lorem Ipsum.</p>
    </label>
    <label class="option">
        <input type="radio" name="letters" value="b" />
        <a>B</a>
        <p>Lorem Ipsum.</p>
    </label>
    <label class="option">
        <input type="radio" name="letters" value="cS" />
        <a>C</a>
        <p>Lorem Ipsum.</p>
    </label>
    <label class="option">
        <input type="radio" name="letters" value="d" />
        <a>D</a>
        <p>Lorem Ipsum.</p>
    </label>
</div>

The problem is that I can t seem to find a way to customize the label. My goal is to change the background color when the input is selected. This is a follow up question to this.

Answer 1

My goal is to change the background color when the input is selected

Try:

.option:has(> input:checked) 
{
        background-color: #ccc;
    
}

结果:

友情链接