Javascript Jquery验证器在select下拉列表上工作不正常

我正在尝试验证正在验证的下拉列表，但当显示验证错误时，其选项值也将变为红色。就像在图像中一样，颜色也显示为红色，但我不想更改其颜色

您需要在jQuery中使用方法

validate

，以确保

errorClass

也不会应用于

select

选项

在

消息

highlight: function(element, errorClass) {
   $(element).removeClass(errorClass); //prevent class to be added to selects
},

现场工作演示：

$（'frm'）。验证({
errorClass:“我的错误”，
规则：{
颜色：“必选”
},
信息：{
someSelect：“必需*”
},
突出显示：函数（元素，errorClass）{
$（元素）.removeClass（errorClass）；//防止将类添加到
},
submitHandler:函数（表单）{
//做点什么
}
});
.my\u错误{
颜色：红色；
}

示例选择
选择
2.
3.
4.
5.
提交
请访问，并查看和。做一些研究，搜索相关话题等；如果遇到问题，请发布您的尝试，使用
[]
代码段编辑器记录输入和预期输出。您如何将颜色应用于错误消息？请同时向我们展示该代码。@AlwaysHelping:在我的情况下，当验证错误被触发时，错误类被附加到下拉列表中，这就是为什么它变为红色，请给出解决方案。jQuery验证插件只应用/删除类。此验证插件不包含任何CSS，因此任何样式/颜色问题都完全是由于您的CSS规则造成的。
highlight: function(element, errorClass) {
   $(element).removeClass(errorClass); //prevent class to be added to selects
},