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;