не получается сделать так что бы при выборе опция подсвечивалась
<div id="option-227" class="option form-group">
<p><span class="required">*</span>
<b>Выбырите размер:</b></p>
<div class="radio">
<label for="option-value-17">
<input type="radio" name="option[227]" value="17" id="option-value-17">
21 </label>
</div>
<div class="radio">
<label for="option-value-18">
<input type="radio" name="option[227]" value="18" id="option-value-18">
22 </label>
</div>
<div class="radio">
<label for="option-value-19">
<input type="radio" name="option[227]" value="19" id="option-value-19">
23 </label>
</div>
<div class="radio">
<label for="option-value-20">
<input type="radio" name="option[227]" value="20" id="option-value-20">
24 </label>
</div>
</div> CSS
.radio, .checkbox {
display: block;
min-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
vertical-align: middle;
}
.radio label,
.checkbox label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
Так есть же для radio селектор :checked только твой html и css код нужно переделать посмотри Для просмотра ссылки Войди