:invalid pseudo class 没有为单选按钮设置

The :invalid pseudo class not getting set for radio buttons

我有一个具有必需属性的无线电组。我正在尝试根据是否选择一个输入来控制无线电组的样式。但似乎 :invalid 不适用于单选按钮。

你的问题不是很清楚,

也许“:checked”可以提供帮助?

:invalid 实际上可以与单选按钮一起使用。我认为问题是您添加的样式没有被应用。在此 fiddle 中,您可以看到我定位的两个单选按钮比其他两个按钮间隔得更远。单击其中之一后,它们会恢复到原来的间距:

FIDDLE

我会研究像这样的单选按钮的自定义样式:http://code.stephenmorley.org/html-and-css/styling-checkboxes-and-radio-buttons/

:invalid 对我不起作用,除非我为至少一个 <input name="group" type="radio"> 标签设置 required="required"

示例:

<input name="group" type="radio" value="1" required="required"> <input name="group" type="radio" value="2"> <input name="group" type="radio" value="3">