Merhaba arkadaşlar, checkbox ve radio buttonların tasarımını değiştirmek istiyorum fakat birtürlü başaramadım. Checkbox'ları değiştirdiğimde aşağıdaki şekilde oluyor, birsürü kutu vede istediğim tasarım yok.




Aşağıda css dosyasını koyuyorum, biçok yol denedim yapmak için fakat başaramadım. Nerede hata yapıyorum acaba ?

.chained-quiz-action {
	padding-top: 20px;
	padding-bottom: 20px;
}

.chained-quiz-choice  {
float:left;
position:relative;
padding: 20px;
color:#333;
-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;
background-color:#F2F2F2;
margin-right:13px;
margin-bottom:13px;
border-style: groove; 
border-width: 2px; 
border-color: #D4D4D4;

-webkit-border-radius:  10px;
-moz-border-radius:  10px;
border-radius:  10px;

}

.chained-quiz-choice:hover {
background:#dcdcdc;
 
}

input[type=radio]  {
		         display:none;
				           }

						input[type=radio].chained-quiz-choice + label.chained-quiz-label {
							padding-left:25px;
							height:20px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:20px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].chained-quiz-choice:checked + label.chained-quiz-label {
							background-position: 0 -20px;
						}
						label.chained-quiz-label {
				background-image:url(buton.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}