.checkbox:hover { background-color: #009901; } .radio:hover { background-color: #009901; } input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after { background: transparent; content: '\2713'; color: #009901; } input[type='checkbox']:checked:after { background: transparent; content: '\2713'; color: #009901; } input[type='radio']:hover:after, input[type='radio']:checked:hover:after { background: transparent; color: #009901; } input[type='radio']:checked:after { background: transparent; color: #009901;
<div class = "right "> <br> <label class="container">Always</label> <input type="radio" id="a" name="feature" value="true"> <label class="container">Sometimes</label> <input type="radio" id="s" name="feature" value="false" /> <label class="container">Never</label> <input type="radio" id="n" name="feature" value="false" /><br><br> Days<br> <label >Sun</label> <input type="checkbox" id="sun" name="feature" value="true"> <label >Mon</label> <input type="checkbox" id="mon" name="feature" value="false" /> <label >Tue</label> <input type="checkbox" id="tue" name="feature" value="false" />
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)