JQuery Validator中的errorClass使我的输入大于正常值。怎么修？

Question

我喜欢使用验证器插件，但我只是在学习它，并且仍在努力学习如何根据我的需要操作它的一部分。不过很酷。它在我使用它的某些表单上效果很好，但我在这一个表单上有一个错误。

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

我尝试过以下不同大小的css： .error {color：＃b31b1b; font-size：13px; } 12px和输入框变小，13px变得更大 我尝试使用em; s也是。

任何人都对如何强制输入框保持相同的尺寸有任何想法？

感谢， JC -

Answer 1

使用CSS设置输入的固定宽度，即例如：

#myForm input { width:200px; }

Answer 2

是否有更具体的CSS选择器会覆盖您的.error类？例如，您是否在任何地方定义了input.error？

Answer 3

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

//将.error更改为.js-error $（文件）。就绪（函数（）{    jQuery.validator.setDefaults（{       errorClass：“js-error”    }）;

---

// jquery-validate-plugin.css

label.js-error {     font-weight：bold;     颜色：＃b31b1b; } .js-error {     颜色：＃b31b1b; }

---

我们的主要css有.error

.error {     font-weight：bold;     颜色：＃b31b1b;         font-family：arial，verdana，sans-seriff; }

我认为我们的font-weight和font-family样式导致表单文本框变宽。