JQuery验证程序中的errorClass使我的输入域比正常值大。如何修复？

我喜欢使用validator插件，但我只是在学习它，并且仍在努力学习如何根据我的需要操作它的一部分。不过很酷。它在我使用过的一些表单上非常有效，但在这一个表单上有一个bug

当我测试表单时，由于没有填写必填字段，出错的表单输入文本框会比表单上的正常框宽。就像从size=“20”到size=“25”。我已经尝试使用我自己的css强制错误的字体大小，但我看不出强制输入框保持相同的大小。有问题的页面有严格的宽度限制，这个问题违反了模板规则

我尝试了以下不同大小的css： .错误{颜色：#b31b1b；字体大小：13px；} 12px，输入框变小，13px变大 我用em试过了；也是

有人对我如何强制输入框保持相同大小有什么想法吗

谢谢，

---

JC--

只需使用CSS设置输入的固定宽度，即：

---

#myForm输入{width:200px；}

只需使用CSS设置输入的固定宽度，即：

---

#myForm输入{width:200px；}

是否有更具体的CSS选择器覆盖您的

.error

类？例如，您是否在任何地方定义了类似于

input.error

的内容？

是否有更具体的CSS选择器覆盖您的

.error

类？例如，您是否在任何地方定义了类似于

input.error

的内容？

感谢大家阅读本文和您的输入。我终于意识到，我们的主css文件中有一个.error类，它与jquery插件css中的.error相冲突。我使用验证插件中的默认设置（见下文）将“error”更改为“jserror”。然后我创建了另一个css文件来设置.js错误的样式，并将其包含在脚本中

//将.error更改为.js error $（文档）.ready（函数（）{ jQuery.validator.setDefaults（{ errorClass:“js错误” }))

---

//jquery-validate-plugin.css

label.js-error{ 字体大小：粗体； 颜色：#b31b1b； } .js错误{ 颜色：#b31b1b； }

---

我们的主css有这个for.error

.错误{ 字体大小：粗体； 颜色：#b31b1b； 字体系列：arial，verdana，无衬线； }

---

我相信是我们的字体大小和字体系列风格导致表单文本框变得更宽。

感谢大家阅读本文和您的输入。我终于意识到我们的主css文件中有一个.error类与jquery插件css中的.error相冲突。我在validate plu中使用了默认设置gin（见下文）将“error”更改为“js error”。然后我创建了另一个css文件来设置.js错误的样式，并将其包含在我的脚本中

//将.error更改为.js error $（文档）.ready（函数（）{ jQuery.validator.setDefaults（{ errorClass:“js错误” }))

---

//jquery-validate-plugin.css

label.js-error{ 字体大小：粗体； 颜色：#b31b1b； } .js错误{ 颜色：#b31b1b； }

---

我们的主css有这个for.error

.错误{ 字体大小：粗体； 颜色：#b31b1b； 字体系列：arial，verdana，无衬线； }

---

我相信是我们的字体大小和字体系列样式导致表单文本框变得更宽。

我们可能需要更多信息来帮助您进行调试-您能否编辑您的问题，使其至少包含表单HTML的一部分，以及至少一些验证程序初始化代码？此外，您是我们的哪个浏览器ing？这可能是一个因素。哦，你能链接你正在使用的特定验证器插件吗？有几个可用的。我们可能需要更多信息来帮助你调试这个-你能编辑你的问题，至少包括表单的HTML片段，加上至少一些验证器初始化代码吗？另外，你是哪个浏览器使用？这可能是一个因素。哦，你能链接你正在使用的特定验证器插件吗？有几种可用的。