2008-10-29 31 views
1

我正在使用jQuery验证我正在构建的窗体并且它工作得很好。我想要做的是什么东西是无效的,让文本字段更改颜色和错误信息是白色的。我想下面的CSS将工作:将CSS应用于带有类的文本输入

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

当我测试验证上述CSS似乎并不适用。我使用Firebug进行了检查,标签和输入区域应用了“错误”类。

该CSS似乎有效,因为当我离开.error子句时,一切看起来都像我想要的一样。我究竟做错了什么?

回答

11

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

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"       */ 
+0

愚蠢的空间... – dragonmantank 2008-10-29 16:18:21

3

尝试不带空格的label.error和input.error。

相关问题