Border für Radiobutton

Question

Ich habe den Code wie diesen, die ich nicht handly (nur mit CSS) ändern

<label class="radio"> 
    <input type="radio" name="showTabs" checked="" value="1"> LABEL 1 
</label> 

<label class="radio"> 
    <input type="radio" name="showTabs" value="2"> LABEL 2 
</label> 

Wie kann ich Grenze um für aufgegebenes Radiobutton + Label hinzufügen?

Answer 1

den Code unten überprüfen, hoffen, dass dies ist, was Sie

.radio{ 
 
    position:relative; 
 
    display:inline-block; 
 
} 
 

 
.ch-style{ 
 
    display:block; 
 
    position:absolute; 
 
    top:0; 
 
    bottom:0; 
 
    left:0; 
 
    right:0; 
 
    z-index: 0; 
 
} 
 

 

 
input[type="radio"]:checked ~ .ch-style{ 
 
    border:1px solid red; 
 
}

<label class="radio"> 
 
<input type="radio" name="showTabs" value="2"> LABEL 2 
 
<span class="ch-style"><span> 
 
</label>