针对表单的CSS3伪类选择器

input:required{

border:1px solid rgba(253,8,8,0.29);

}

input:focus:invilid{

background:url('../img/cross.png') no-repeat right;

padding-right:3px;

}

input:focus:vlalid{

background:url('../img/tick.png') no-repeat right;
padding-right:3px;

}

第一个规则给必填表单域添加了一点红色边框。当用户输入时，如果所输入的值不符合规定格式，则第二个式样会给当前的输入框加上一个红色叉号；如果输入值符合格式，则第三个样式会给其加上一个绿色对号。

padding-right:3px;