php - 使用 css 用作单选按钮时突出显示选定的 div

Question

我想知道是否可以在单击时仅使用 css 突出显示 div(当 div 是单选按钮的标签时)这是我的代码:

<?php foreach ($images as $image) { ?>

        <input type="radio" name="id" value="<?php echo $image['id']; ?>" id="<?php echo $image['id']; ?>">
        <label for="<?php echo $image['id']; ?>">   
            <div class="delete">
                <input type="hidden" name="table" value="<?php echo $tableToDeleteFrom;?>"><img src="../images/thumbs/<?php echo $image['name']; ?>"><br>
                <?php echo $image['desc']; ?>
            </div>
        </label>    
<?php } ?>

单选按钮目前显然是隐藏的。期望的效果是让 div“.delete”的背景在选择一个时改变，然后当选择另一个时，新选择被突出显示，旧选择不再突出显示。也许 jquery 是最好的解决方案，但我很想看看是否有仅使用 css 的更简单的解决方案。

Answer 1

比如背景红色

input:checked + label div.delete { background: red}