이미지 라디오 버튼 - NFL 주간

Question

주간 NFL 선택을 위해이 코드를 사용하여 응용 프로그램을 구성했습니다. 누구든지 일반 라디오 버튼을 숨길 수 있도록 도와 줄 수 있습니까? 저는 개인 1 명을 모두 모으고 싶습니다.

HTML

<div class="buttons" runat="server"> 
    <input type="radio" name="gp1" id="gpBAL" value="working" /> 
     <label for="gpBAL" class="working"><span>BAL</span></label> 

    <input type="radio" name="gp1" id="gpNC" value="not checked" checked/> 
     <label for="gpNC" class="not_checked"><span>&nbsp;||</span></label> 

    <input type="radio" name="gp1" id="gpWAS" value="faulty" /> 
     <label for="gpWAS" class="faulty"><span>WAS</span></label> 
</div> 

CSS

body{font-family: helvetica;} 
    input[type="radio"]{ -webkit-appearance:none;} 
    input[type="radio"]+label 
    { 
    background: url('../images/switch.png') repeat-x; 
    float: left; 
    display:Block; 
    } 
    input[type="radio"] + label span 
    { 
    display: block; 
    background: url('../images/switch.png') no-repeat; 
    display: block; 
    line-height: 30px; 
    } 
    input[type="radio"]+label.working span 
    { 
    background-position: left -90px; padding: 0 10px; 
    } 
    input[type="radio"]+label.not_checked span 
    { 
    padding: 0 10px; 
    } 
    input[type="radio"]+label.faulty span 
    { 
    background-position: right -180px; padding: 0 10px; 
    } 
    input[type="radio"]:checked+label 
    { 
    background-position: left -60px; 
    } 
    input[type="radio"]:checked+label.working span 
    { 
    background-position: left -150px; 
    color: white; 
    } 
    input[type="radio"]:checked+label.faulty span 
    { 
    background-position: right -240px; 
    color: white; 
    } 

    input[type="radio"]:checked+label.not_checked 
    { 
    background-position: left -30px; 
    color: white; 
    } 

Answer 1

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

는 라디오 버튼을 숨 깁니다.