css 重力形式样式（简单）

Posted 2021-05-13

/*-----------------[Start Gravity Forms Styles]----------------*/

/* 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] { 
    color: #ffffff!important;
    background: #15659f;
    border-width: 10px!important;
    border-color: #15659f;
    border-radius: 4px;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: bold!important;
    text-transform: uppercase!important;
}

/* 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 
{ 
    transition: all 300ms ease 0ms;
	transform: scale(1.06);
}

/* Text Fields */
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:#eee;
    border:none;
    border-radius:4px;
    color:#999;
    padding:16px;
}

/* Dropdown Fields */
body .gform_wrapper select{
    height:51px;
    color:#999;
    background:#eee;
    border:none
}
/*-----------------[End Gravity Forms Styles]----------------*/