当前位置:  开发笔记 > 前端 > 正文

将CSS应用于带有类的文本输入

如何解决《将CSS应用于带有类的文本输入》经验,为你挑选了1个好方法。

我在我正在构建的表单上使用jQuery验证,它工作得很好.我想要做的是当某些内容无效时,文本字段会更改颜色,错误消息将变为白色.我认为以下CSS可以工作:

label .error {color: white; font-weight: bold;}
input .error {background-color: pink; border: 1px dashed red; color: white}

当我测试验证时,上面的CSS似乎不适用.我使用Firebug进行了检查,标签和输入区域都应用了"错误"类.

CSS似乎是有效的,因为当我放弃.error子句时,一切看起来我也想要它.我究竟做错了什么?



1> Tomalak..:

一个空间可能太多了.尝试:

label.error {color: white; font-weight: bold;}
input.error {background-color: pink; border: 1px dashed red; color: white}

背景资料:

label .error  /* selects all elements of class "error" *within* any label */
label.error   /* selects labels of class "error"                          */

推荐阅读
小色米虫_524
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有