Breaking News: Grepper is joining You.com. Read the official announcement!

change div background color when radio button selected

Marawan Mamdouh answered on May 25, 2021 Popularity 9/10 Helpfulness 2/10

answer change div background color when radio button selected

change div background color when radio button selected

Comment

div.entry {
    position: relative;
    padding: 8px;
    width: 50%;
}
div.entry div.highlight {
    background-color: #fff;
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
div.entry input:checked ~ div.highlight {
    background-color: orange;
}

<div class="entry">
    <input type="radio" name="list" />This is one option
    <div class="highlight"></div>
</div>
<div class="entry">
    <input type="radio" name="list" />This is another option
    <div class="highlight"></div>
</div>
<div class="entry">
    <input type="radio" name="list" />This is a third option
    <div class="highlight"></div>
</div>

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: background-color radio-button selected whatever when

Link to this answer
Share Copy Link