验证失败时，单选按钮未标记为红色（仅适用于IE）

Question

我在我的ajax表单上设置了客户端验证（加载了jQuery对话框）。提交表单时，在Internet Explorer下，我可以清楚地看到哪些字段不正确（参见下文：2个文本框+单选按钮）。

当我在Firefox等其他浏览器下测试时，单选按钮没有像IE那样用红色标记（见下文）。

有人知道为什么或要做什么才能看到这些红色标记？

感谢。

---

更新

当我在运行时抓取页面的源代码时，我的第一个单选按钮就是这样：

<input name="ADR" class="input-validation-error" id="ADRYes" type="radio" data-val-required="Le champ ADR est requis" data-val="true" value="Yes"/>

所以我有有效的标签进行验证。

现在，当我在IE（开发工具）下进行调试时，我可以看到：

当我在Firefox下调试时，我可以看到：

我可以看到有效的html标签进行验证但是没有在单选按钮上设置样式，因为Firefox，Chrome，Safari不允许单选按钮具有边框或背景颜色。

Answer 1

尝试使用outline代替border：

.input-validation-error {
    background-color: #ffeeee;
    outline: 1px solid #ff0000;
}

Answer 2

谢谢Darin - 我使用了jquery.validation.js并添加了

outline: 1px solid #ff0000;

到我的CSS

input.error{border:1px solid red;outline: 1px solid red;}
textarea.error{border: 1px solid red;}