사용하여 이미지 라디오 버튼 스타일

Question

나는이 같은 스타일의 아이 오닉스 라디오 버튼에 노력하고 있어요 : 고전 CSS와 함께

<ion-list radio-group [(ngModel)]="cards"> 

     <ion-item > 
      <ion-label class="someclass" >text</ion-label> 
      <ion-radio value="textsradio"></ion-radio> 
     </ion-item> 

</ion-list> 

: http://jsfiddle.net/La8wQ/313/

이것은 우리가 일반적으로 이온 라디오 버튼을 생성하는 방법이다 html은 다음과 같습니다.

<div class="cc-selector"> 


     <input checked="checked" id="visa" type="radio" name="credit-card" value="visa" /> 
     <label class="drinkcard-cc visa" for="visa"></label> 

     <input id="mastercard" type="radio" name="credit-card" value="mastercard" /> 
     <label class="drinkcard-cc mastercard"for="mastercard"></label> 
</div> 

이온 라디오 버튼 구성 요소로 어떻게 할 수 있습니까?

Answer 1

이온 목록 -> 이온 라디오 -> 무선 아이콘이는 요소

.list .item-radio .radio-icon { 
    background-color: rgb(233, 233, 241); 
    background-image: url(http://i.imgur.com/lXzJ1eB.png); 
    color: white; 
    } 

를 검사하여이를 추적 할 수 있습니다