css DIVI变体的重力形式样式

Posted 2021-05-13

/* Input Field Background Color */
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),body .gform_wrapper textarea.textarea,body div.form_saved_message div.form_saved_message_emailform form input[type=text]{
    background-color:#fff;
}

/* submit button */
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_page_footer input.button, body div.form_saved_message div.form_saved_message_emailform form input[type=submit] { 
    background-color: #16c4f0; 
    color: #fff; 
    border-color: #16c4f0; 
    border-radius: 4px;
    width: 100%;
}

/* submit button hover */
body .gform_wrapper .gform_footer input.button:hover, body .gform_wrapper .gform_page_footer input.button:hover, body div.form_saved_message div.form_saved_message_emailform form input[type=submit]:hover 
{ 
    background-color: #16c4f0; 
    color: #fff; 
    padding-left: 1.7em; 
    padding-right: 1.7em; 
    width: 100%;
}

/* change asterisk color*/
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
    color: #ffffff
    }
    
/* error validation color*/
body .gform_wrapper .validation_error {
    border: none; color: #eee
    }

body .gform_wrapper .gform_body .gform_fields .gfield_error {
border: none; 
color: #eee
    }

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
border: none;  
color: #eee
    }

.gform_wrapper li.gfield_error ul.gfield_radio {
    color: #eee;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: none;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
    color: #1fbcd2 !important;
}