Answers for "radio button active color css"

CSS
1

radio button color css

<style>

	input[type="radio"] {
				accent-color: #57a;
				width: 20px;
			}

</style>
Posted by: Guest on March-19-2022
0

change div background color when radio button selected

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>
Posted by: Guest on May-25-2021

Browse Popular Code Answers by Language