gera3d
1/15/2016 - 9:32 PM

Just some ideas I was playing around with related to fill out the form as you go

Just some ideas I was playing around with related to fill out the form as you go

/*The field does not have anything in it*/
body .gform_wrapper .gform_body .gform_fields .gfield input.empty:valid{
        box-shadow: none;
        background-image: none;
        border: 1px solid #D3D3D3 !important;
        background-color: #fff;

 }

/*The field does not a good value*/
body .gform_wrapper .gform_body .gform_fields .gfield input:invalid,
body .gform_wrapper .gform_body .gform_fields .gfield input:required {
        box-shadow: 3px 1px 5px rgba(200, 0, 0, 0.85);
        border: 9px #D3D3D3;
        background-color: Red;
}

/*The field Has a good Value*/
body .gform_wrapper .gform_body .gform_fields .gfield input:valid {
        box-shadow: none;
        background-color: #00A8E0;
        color: #fff;
        border: 0px solid;
}