只能使用应用于标签的内联块选择第一个单选按钮

Question

这是一系列包含在radio元素中的三个label按钮。 display: inline-block适用于标签。出于某种原因，只能选择第一个标签，尽管在Firebug上所有标签看起来都很分开：

Fiddle

Answer 1

每个标签FOR必须使用1个ID。 您还需要一个必须与其他选项相同的组名。

<label for="pa_couleur1">
    <input type="radio" name="color" id="pa_couleur1" value="blanc">blanc
</label>
<label for="pa_couleur2">
    <input type="radio" name="color" id="pa_couleur2" value="bleu">bleu
</label>
<label for="pa_couleur3">
    <input type="radio" name="color" id="pa_couleur3" value="marron">marron
</label>

https://jsfiddle.net/0jLdst52/5/