Label Eingabe oder Etikett wählen, Fokus funktioniert nicht, wenn der Eingang oder in einem div verschachtelt wählt

Question

Den Versuch, den Fokus auf eine Stil wählen und andere Eingaben in divs verschachtelt zu geben:

<label for="focusedSelect">I want to Focus on You</label> 
<div class="styled-select"> 
    <select id="focusedSelect"> 
     <option value="1">Won</option> 
     <option value="2">Too</option> 
    </select> 
</div> 

<label for="focusedInput>Let me Focus on You Too</label> 
<div class="styled-inputs"> 
    <input id="focusedInput" type="text"/> 
</div> 

das Label Anklicken Fokus nicht geben Eingabe oder Auswahl verschachtelter div.

Answer 1

Ihr Code gut für mich funktioniert, ich hatte nur ein paar Fehler zu beheben:

<label for="focusedSelect">I want to Focus on You</label> 
<div class=" styled-select"> 
    <select id="focusedSelect"> 
    <option value="1 ">Won</option> 
    <option value="2 ">Too</option> 
    </select> 
</div> 

<label for="focusedInput">Let me Focus on You Too</label> 
<div class="styled-inputs"> 
    <input id="focusedInput" type="text" /> 
</div> 

Sie wurden das hintere Zitat auf beiden Labels „für“ Attribute sowie die fehlende Hinter größer als (>) Zeichen auf dem schließenden <label> Element für den zweiten Eingang.