https://legacy.forums.gravityhelp.com/topic/how-to-give-the-submit-button-a-hover-state Gravity Support Forums Topic: How to Give the Submit Button a Hover State? en-US Mon, 20 Apr 2026 01:15:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-give-the-submit-button-a-hover-state#post-66300 Sat, 14 Jul 2012 22:04:06 +0000 Chris Hajer 66300@https://legacy.forums.gravityhelp.com/ <p>We can give more specific assistance if you post a link to your form. But to add a hover state to the CSS you posted there, add this:</p> <pre><code>[css] .gform_wrapper .gform_footer input.button:hover</code></pre> <p>and also</p> <pre><code>[css] .gform_wrapper .gform_footer input.button:active</code></pre> <p>and finally</p> <pre><code>[css] .gform_wrapper .gform_footer input.button:focus</code></pre> <p>I've never had good luck getting this to work (especially with IE):</p> <pre><code>[css] input[type=&#39;submit&#39;]</code></pre> <p>so I generally avoid it. To be super specific, you can add a class to your form and then target that in your theme's stylesheet. Or just get more specific with the CSS rules. If it's not working, please post a link to your form and we'll help you out. </p> https://legacy.forums.gravityhelp.com/topic/how-to-give-the-submit-button-a-hover-state#post-66234 Sat, 14 Jul 2012 01:29:32 +0000 chilliwackdesign 66234@https://legacy.forums.gravityhelp.com/ <p>Hi guys,</p> <p>I've been plugging away at this, but no luck. I'm sure someone will have the obvious answer. How do I make the submit button change when hovered over? I need to turn this into a hover state: </p> <p>.gform_wrapper .gform_footer input.button,<br /> .gform_wrapper .gform_footer input[type=submit]</p> <p>Thanks! </p>