Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 02.05.2023, 14:50
handyaner handyaner ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.07.2006
Beiträge: 9
handyaner befindet sich auf einem aufstrebenden Ast
Standard Radiobox:checked soll style auslösen

Hallo,

ich habe eine Box um Radiobuttons und Label, die grün gefüllt werden soll sobald die Auswahl erfolgen soll.

Leider krieg ich dass mit der Bedingung "checked" nicht hin.
Könnt ihr mir bitte dabei helfen?
HTML-Code:
   <label class="square">
       <input type="radio" class="radiocheck" name="test"/>
       <span>Radio number one</span>
    </label>
</br>
   <label class="square">
       <input type="radio"  class="radiocheck" name="test"/>
       <span>Radio number two</span>
    </label>
HTML-Code:
label {
    display: inline-block;
    width: 200px;
    padding: 5px;
    border-style: solid;
    border-color:#cfd4dd;
    border-radius: 4px;
    padding: 5px 5px 5px 5px;
    margin-bottom: 8px;
}
label:active, label:hover, label:focus{
   border-style: solid;
   border-color:#014785;
   border-radius: 4px;
   padding: 5px 5px 5px 5px;
  
}

.radiocheck input:checked  + .square {background:green;}
Mit Zitat antworten
Sponsored Links