Edit in JSFiddle

<div id="container">
	<div id="radioWrapper">
		<form>
		<span class="savvyRadioList">
			<input id="ExampleOne" name="Example" value="One" type="radio" />
			<label for="ExampleOne">One</label>
		</span>
		<span class="savvyRadioList">
			<input id="ExampleTwo" name="Example" value="Two" type="radio" />
			<label for="ExampleTwo">Two</label>
		</span>
		<span class="savvyRadioList">
			<input id="ExampleThree" name="Example" value="Three" type="radio" />
			<label for="ExampleThree">Three</label>
		</span>
		</form>
	</div>
</div>

#radioWrapper {
	border-radius: 8px; 
	width: 264px; 
	background-color: wheat; 
	height: 43px;
}
#radioWrapper label {
	cursor: pointer; 
	width: 80px;
	margin: 4px; 
	text-align: center; 
	float: left; 
	display: block; 
	border-radius: 8px; 
	height: 35px; 
	line-height: 35px;
}
#radioWrapper input[type=radio]:checked + label { 
	background-color: orange !important;
}
#radioWrapper input[type=radio] {
	display: none;
}