jQuery验证插件:有错误的元素与我的包装器目标具有相同的CSS属性
假设我有一个使用验证插件的页面,大致如下所示:jQuery验证插件:有错误的元素与我的包装器目标具有相同的CSS属性,jquery,plugins,validation,Jquery,Plugins,Validation,假设我有一个使用验证插件的页面,大致如下所示: <script type="text/javascript"> $(document).ready(function(){ $("#addGigForm").validate( { messages: { url: { graphicURL: "Please enter a va
<script type="text/javascript">
$(document).ready(function(){
$("#addGigForm").validate(
{
messages:
{
url: { graphicURL: "Please enter a valid web address and file name in Gig Graphic URL.<br /><i>Note: Valid web addresses start with \'http://\' or \'https://\'<br />Supported graphic file formats are JPEG, GIF and PNG</i>" }
},
errorContainer:"#scheduleErrors",
errorLabelContainer:"#scheduleErrors ul",
wrapper:"li"
}
);
});
</script>
$(文档).ready(函数(){
$(“#addGigForm”).validate(
{
信息:
{
url:{graphicURL:“请在Gig图形url中输入有效的网址和文件名。
注意:有效的网址以“http://\”或“https://\”开头。
支持的图形文件格式为JPEG、GIF和PNG”}
},
errorContainer:#scheduleErrors“,
errorLabelContainer:#scheduleErrors ul“,
包装纸:“李”
}
);
});
Gig图形URL:
我有一个包含以下内容的CSS文件:
.错误{
背景色:#ffc;
边框:1px实心#c00;
颜色:红色;
}
因此,基本上我有一个页面,当这个字段编辑失败时,它会用黄色点亮字段,并在文本框周围放置一个红色边框
除了将这些相同的属性传递到显示在- 中的错误消息之外,它工作得非常好。因为它是一个无序的列表,每一行都有一个红色边框(这是一个多行消息,所以它是每一行,而不仅仅是每一个要点),所以它非常难看
我想要的UL是白色背景上的红色文本,没有边框
我已尝试将此添加到CSS中:
.错误列表{
颜色:红色;
背景色:白色;
边框样式:无;
}
它没有效果
有没有办法在无序列表中有错误的元素及其错误消息的元素之间取消CSS属性的耦合?由于整个列表中的一个元素内部有一个
,另一个是输入本身,您可以对元素外的消息使用此规则:
.error { background-color: #ffc; border: 1px solid #c00; color: red; }
这是整个列表的一部分:
li label.error { background-color: #fff; border: 0; color: red; }
.谢谢您的快速回复。我把这个添加到我的CSS文件中。不幸的是,它没有效果。好吧,我可以看到它在样本中起作用,所以它一定是我这边的东西。我来玩玩看看。再次感谢!是的,样本有帮助。不知怎的,我把css错当成了li。非常感谢。
li label.error { background-color: #fff; border: 0; color: red; }