@Ambal89
Новичок в web'e

Как выделить картинку радиокнопки при выделении?

Доброго времени суток! Подскажите пожалуйста, делаю в плагине для Вордпресса wp-creator-calculator выбор товара радиокнопками. Нужно убрать точку (уже убрал) и выбранный товар обозначался, например, бордером вокруг его картинки. В интернете есть варианты, но мне они не помогли.
Код выглядит так:
<div class="wpcc_box wpcc_box_2" style="display: block;">
			<div class="wpcc_description">
				Выберите набор, который Вам подходит:
			</div>
			<div class="wpcc_fields wpcc_radio wpcc_radio_2">
				<label>
				<div class="images"><img src="tovar1_price.png"></div>
				<input type="radio" name="wpcc_structure[2]" value="300" checked class="wpcc_jq_action wpcc_jq_action_2" data-type="radio" data-fid="2" data-data="data"> Стартовый набор
				</label>
        ...
   </div>
  • Вопрос задан
  • 242 просмотра
Пригласить эксперта
Ответы на вопрос 1
@ferdasfarmazone
Верстальщик!
так должно быть
<label>
        <input type="radio" name="wpcc_structure[2]" value="300" checked class="wpcc_jq_action wpcc_jq_action_2" data-type="radio" data-fid="2" data-data="data"> Стартовый набор
        <div class="images"><img src="tovar1_price.png"></div>
        </label>


и CSS
input:checked + .images{
    border: 2px solid red;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы