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

Question

[Ambal89]

Доброго времени суток! Подскажите пожалуйста, делаю в плагине для Вордпресса 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>

Answer 1

[Василь Бойко]

так должно быть

<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;
}