Home Admin

Embed Snippet on Your Site

<script src="https://library.wpcode.com/embedjs/j57l61po.js/"></script>

Focused Form Fields

This CSS snippet will make your fields focused on click.

WPForms Team PRO

<10

Code Preview

Comments

css


	`form#wpforms-form-1000 input:focus, form#wpforms-form-1000 textarea:focus {`
	`box-shadow: 5px 5px 10px #ccc;`
	`}`
	`form#wpforms-form-1000 input, form#wpforms-form-1000 textarea {`
	`transition: box-shadow 0.3s ease-in-out;`
	`}`

	`form#wpforms-form-1000 button[type=submit]:hover {`
	`box-shadow: 5px 5px 10px #ccc;`
	`border: 1px solid #ccc;`
	`background-color: #eee;`
	`}`

	`form#wpforms-form-1000 button[type=submit] {`
	`border: 1px solid transparent;`
	`transition: all 0.3s ease-in-out;`
	`}`

form#wpforms-form-1000 input:focus, form#wpforms-form-1000 textarea:focus {
    box-shadow: 5px 5px 10px #ccc;
}
form#wpforms-form-1000 input, form#wpforms-form-1000 textarea {
    transition: box-shadow 0.3s ease-in-out;
}
 
form#wpforms-form-1000 button[type=submit]:hover {
    box-shadow: 5px 5px 10px #ccc;
    border: 1px solid #ccc;
    background-color: #eee;
}
 
form#wpforms-form-1000 button[type=submit] {
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}

Other Snippets by Author

Embed Snippet on Your Site

Focused Form Fields

Comments

Add a Comment Cancel Reply