111

by 3ch0

HTML

<form method="POST" action="" class="wpcc_form wpcc_form_2">
	<div class="1">
	  цвет
	    <label><input type="radio" name="m" checked="checked">
	        <div class="images"><img src="img-1.jpg"></div>
	 
	    </label>
	 
	    <label> <input type="radio" name="m">
	        <div class="images"><img src="img-2.jpg"></div>
	 
	    </label>
	</div>
	 
	<div class="2">
	  форма
	    <label> <input type="radio" name="p">
	        <div class="images"><img src="1a-img.jpg"></div>
	 
	    </label>
	    <label><input type="radio" name="p">
	        <div class="images"><img src="2a-img.jpg"></div>
	 
	    </label>
	        <label><input type="radio" name="p">
	        <div class="images"><img src="3a-img.jpg"></div>
	 
	    </label>
	</div>
	</form>

CSS

div.images {
opacity:0.5;
width: 50px;
height:50px;
background-color:#aef;
}
:checked + div.images {
   opacity:1;
   background-color:#345;
   }