标签输入或标签选择，如果输入或选择嵌套在div中，则焦点不起作用

Question

尝试将焦点放在嵌套在div中的样式化选择和其他输入中：

<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>

单击标签不会使焦点输入或选择嵌套div。

Answer 1

你的代码对我来说很好，我只需要解决一些错误：

<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>

您错过了标签“for”属性的尾随引号以及第二个输入的结束<label>元素上的尾随大于（＆gt;）字符。