Помощь Опции товара - изменить внешний вид

вот пример для radio
Для просмотра ссылки Войди или Зарегистрируйся
не получается сделать так что бы при выборе опция подсвечивалась
Код:
<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;
}
 
Последнее редактирование:
Назад
Сверху